jarno
/
firefox-gnome-theme
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Tabsbar: Theme firefox view button 

Also add a custom icon
Fixes #440
This commit is contained in:
Rafael Mardojai CM 2022-10-19 08:04:35 -05:00
parent bcea9e6076
commit 55b5aad7ba
No known key found for this signature in database
GPG Key ID: 2B2DAB2A58566C84
3 changed files with 29 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
theme/icons/firefox-symbolic.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 5.1 KiB

5
theme/parts/icons.css
View File

@ -298,6 +298,11 @@ button.close::before {
list-style-image: url("../icons/audio-muted-symbolic.svg") !important;
}
/* Firefox View */
#firefox-view-button {
list-style-image: url("../icons/firefox-symbolic.svg") !important;
}
/* Private browsing button */
#privatebrowsing-button {
list-style-image: url("../icons/eye-not-looking-symbolic.svg") !important;

26
theme/parts/tabsbar.css
View File

@ -86,6 +86,7 @@ spacer[part=overflow-start-indicator], spacer[part=overflow-end-indicator] {
border-radius: 6px !important;
margin: 5px 3px 6px !important;
padding: 0 9px !important;
min-height: 34px !important;
}
#TabsToolbar .toolbarbutton-1:not([disabled]):not(:active):not([open]):hover {
background-color: var(--gnome-tabbar-tab-hover-background) !important;
@ -95,7 +96,7 @@ spacer[part=overflow-start-indicator], spacer[part=overflow-end-indicator] {
}
/* Fake tabsbar border */
#tabbrowser-arrowscrollbox::after {
#TabsToolbar::after {
content: "";
display: block;
width: 200%;
@ -109,11 +110,6 @@ spacer[part=overflow-start-indicator], spacer[part=overflow-end-indicator] {
z-index: 6;
}
#tabbrowser-tabs[movingtab=true] #tabbrowser-arrowscrollbox::after {
bottom: unset;
top: 44px;
}
/* Tab */
.tabbrowser-tab {
border: 0 !important;
@ -132,6 +128,7 @@ spacer[part=overflow-start-indicator], spacer[part=overflow-end-indicator] {
}
/* Tab separators */
#TabsToolbar #firefox-view-button::after,
.tabbrowser-tab:not([selected], :hover, [last-visible-tab="true"], [beforeselected-visible="true"], [beforehovered="true"])::after {
content: "";
display: block;
@ -143,6 +140,9 @@ spacer[part=overflow-start-indicator], spacer[part=overflow-end-indicator] {
.tabbrowser-tab::after {
right: -.5px;
}
#TabsToolbar #firefox-view-button::after {
left: 39px;
}
/* Tab labels */
tab {
@ -442,6 +442,20 @@ tab {
}
}
/* Firefox View */
#TabsToolbar #firefox-view-button .toolbarbutton-icon {
box-shadow: none !important;
fill: var(--gnome-toolbar-icon-fill) !important;
height: 16px !important;
opacity: 1 !important;
width: 16px !important;
}
:root:not([privatebrowsingmode="temporary"]):not([firefoxviewhidden]) :is(#firefox-view-button, #wrapper-firefox-view-button) + #tabbrowser-tabs {
border-inline-start: 0 !important;
padding-inline-start: var(--tab-overflow-pinned-tabs-width) !important;
margin-inline-start: 0 !important;
}
/* OPTIONAL: Hide single tab */
@supports -moz-bool-pref("gnomeTheme.hideSingleTab") {
#tabbrowser-tabs tab:only-of-type {