Minor tab/headerbar fixes
This commit is contained in:
parent
99df8a5a1c
commit
9f1e75a05e
|
@ -13,8 +13,11 @@
|
||||||
--gnome-toolbar-background: #282828;
|
--gnome-toolbar-background: #282828;
|
||||||
--gnome-toolbar-color: #ffffff;
|
--gnome-toolbar-color: #ffffff;
|
||||||
--gnome-toolbar-border-color: #1b1b1b;
|
--gnome-toolbar-border-color: #1b1b1b;
|
||||||
|
--gnome-toolbar-icon-fill: #eeeeec;
|
||||||
|
--gnome-inactive-toolbar-color: #919190;
|
||||||
--gnome-inactive-toolbar-background: #353535;
|
--gnome-inactive-toolbar-background: #353535;
|
||||||
--gnome-inactive-toolbar-border-color: #202020;
|
--gnome-inactive-toolbar-border-color: #202020;
|
||||||
|
--gnome-inactive-toolbar-icon-fill: #919190;
|
||||||
|
|
||||||
/* Sidebar */
|
/* Sidebar */
|
||||||
--gnome-sidebar-background: #313131;
|
--gnome-sidebar-background: #313131;
|
||||||
|
@ -93,6 +96,8 @@
|
||||||
|
|
||||||
/* Tabs */
|
/* Tabs */
|
||||||
--gnome-tabbar-tab-color: rgb(141, 144, 145);
|
--gnome-tabbar-tab-color: rgb(141, 144, 145);
|
||||||
|
--gnome-tabbar-tab-background: #282828;
|
||||||
|
--gnome-tabbar-tab-border-color: #242424;
|
||||||
--gnome-tabbar-tab-hover-background: #2b2b2b;
|
--gnome-tabbar-tab-hover-background: #2b2b2b;
|
||||||
--gnome-tabbar-tab-hover-border-bottom-color: #1b1b1b;
|
--gnome-tabbar-tab-hover-border-bottom-color: #1b1b1b;
|
||||||
--gnome-tabbar-tab-hover-color: rgb(200, 200, 200);
|
--gnome-tabbar-tab-hover-color: rgb(200, 200, 200);
|
||||||
|
@ -103,6 +108,7 @@
|
||||||
--gnome-tabbar-tab-active-color: #ffffff;
|
--gnome-tabbar-tab-active-color: #ffffff;
|
||||||
--gnome-tabbar-tab-active-hover-background: #313131;
|
--gnome-tabbar-tab-active-hover-background: #313131;
|
||||||
--gnome-inactive-tabbar-tab-color: rgb(141, 144, 145);
|
--gnome-inactive-tabbar-tab-color: rgb(141, 144, 145);
|
||||||
|
--gnome-inactive-tabbar-tab-background: #2e2e2e;
|
||||||
--gnome-inactive-tabbar-tab-active-background: #353535;
|
--gnome-inactive-tabbar-tab-active-background: #353535;
|
||||||
--gnome-inactive-tabbar-tab-active-border-bottom-color: #15539e;
|
--gnome-inactive-tabbar-tab-active-border-bottom-color: #15539e;
|
||||||
--gnome-inactive-tabbar-tab-active-color: rgb(141, 144, 145);
|
--gnome-inactive-tabbar-tab-active-color: rgb(141, 144, 145);
|
||||||
|
|
|
@ -13,8 +13,11 @@
|
||||||
--gnome-toolbar-background: #e0ddda;
|
--gnome-toolbar-background: #e0ddda;
|
||||||
--gnome-toolbar-color: rgb(46, 52, 54);
|
--gnome-toolbar-color: rgb(46, 52, 54);
|
||||||
--gnome-toolbar-border-color: #b6b6b3;
|
--gnome-toolbar-border-color: #b6b6b3;
|
||||||
|
--gnome-toolbar-icon-fill: #2e3436;
|
||||||
--gnome-inactive-toolbar-background: #f6f5f4;
|
--gnome-inactive-toolbar-background: #f6f5f4;
|
||||||
--gnome-inactive-toolbar-border-color: #c0c0bd;
|
--gnome-inactive-toolbar-color: #d5d0cc;
|
||||||
|
--gnome-inactive-toolbar-border-color: #d5d0cc;
|
||||||
|
--gnome-inactive-toolbar-icon-fill: #929595;
|
||||||
|
|
||||||
/* Sidebar */
|
/* Sidebar */
|
||||||
--gnome-sidebar-background: #fbfafa;
|
--gnome-sidebar-background: #fbfafa;
|
||||||
|
@ -34,7 +37,7 @@
|
||||||
--gnome-headerbar-border-color: #bdb7b0;
|
--gnome-headerbar-border-color: #bdb7b0;
|
||||||
--gnome-headerbar-box-shadow: 0 -1px rgb(217, 217, 217) inset, 0 1px #fff inset;
|
--gnome-headerbar-box-shadow: 0 -1px rgb(217, 217, 217) inset, 0 1px #fff inset;
|
||||||
--gnome-inactive-headerbar-background: linear-gradient(#f6f5f4, #f6f5f4);
|
--gnome-inactive-headerbar-background: linear-gradient(#f6f5f4, #f6f5f4);
|
||||||
--gnome-inactive-headerbar-border-color: #c0c0bd;
|
--gnome-inactive-headerbar-border-color: #d5d0cc;
|
||||||
--gnome-inactive-headerbar-box-shadow: 0 1px #fff inset;
|
--gnome-inactive-headerbar-box-shadow: 0 1px #fff inset;
|
||||||
|
|
||||||
/* Buttons */
|
/* Buttons */
|
||||||
|
@ -51,7 +54,7 @@
|
||||||
--gnome-button-disabled-border-color: #cdc7c2;
|
--gnome-button-disabled-border-color: #cdc7c2;
|
||||||
--gnome-button-disabled-box-shadow: inset 0 1px rgba(255, 255, 255, 0);
|
--gnome-button-disabled-box-shadow: inset 0 1px rgba(255, 255, 255, 0);
|
||||||
--gnome-inactive-button-background: linear-gradient(#f6f5f4, #f6f5f4);
|
--gnome-inactive-button-background: linear-gradient(#f6f5f4, #f6f5f4);
|
||||||
--gnome-inactive-button-border-color: #c0c0bd;
|
--gnome-inactive-button-border-color: #d5d0cc;
|
||||||
--gnome-inactive-button-box-shadow: 0 1px rgba(255, 255, 255, 0) inset, 0 1px rgba(255, 255, 255, 0);
|
--gnome-inactive-button-box-shadow: 0 1px rgba(255, 255, 255, 0) inset, 0 1px rgba(255, 255, 255, 0);
|
||||||
--gnome-button-suggested-action-background: linear-gradient(to top, #2379e2 2px, #3584e4);
|
--gnome-button-suggested-action-background: linear-gradient(to top, #2379e2 2px, #3584e4);
|
||||||
--gnome-button-suggested-action-border-color: #1b6acb;
|
--gnome-button-suggested-action-border-color: #1b6acb;
|
||||||
|
@ -76,7 +79,7 @@
|
||||||
--gnome-entry-box-shadow: none;
|
--gnome-entry-box-shadow: none;
|
||||||
--gnome-entry-color: #020202;
|
--gnome-entry-color: #020202;
|
||||||
--gnome-inactive-entry-background: linear-gradient(#fcfcfc, #fcfcfc);
|
--gnome-inactive-entry-background: linear-gradient(#fcfcfc, #fcfcfc);
|
||||||
--gnome-inactive-entry-border-color: #c0c0bd;
|
--gnome-inactive-entry-border-color: #d5d0cc;
|
||||||
--gnome-inactive-entry-box-shadow: none;
|
--gnome-inactive-entry-box-shadow: none;
|
||||||
--gnome-inactive-entry-color: #323232;
|
--gnome-inactive-entry-color: #323232;
|
||||||
--gnome-focused-urlbar-border-color: #4a90d9;
|
--gnome-focused-urlbar-border-color: #4a90d9;
|
||||||
|
@ -92,17 +95,20 @@
|
||||||
--gnome-switch-active-slider-border-color: #185fb4;
|
--gnome-switch-active-slider-border-color: #185fb4;
|
||||||
|
|
||||||
/* Tabs */
|
/* Tabs */
|
||||||
--gnome-tabbar-tab-color: rgb(141, 144, 145);
|
--gnome-tabbar-tab-color: #2e3436;
|
||||||
|
--gnome-tabbar-tab-background: #e1dedb;
|
||||||
|
--gnome-tabbar-tab-border-color: #dbd7d4;
|
||||||
--gnome-tabbar-tab-hover-background: #e4e2de;
|
--gnome-tabbar-tab-hover-background: #e4e2de;
|
||||||
--gnome-tabbar-tab-hover-border-bottom-color: #b6b6b3;
|
--gnome-tabbar-tab-hover-border-bottom-color: #b6b6b3;
|
||||||
--gnome-tabbar-tab-hover-color: rgb(93, 98, 99);
|
--gnome-tabbar-tab-hover-color: #2e3436;
|
||||||
--gnome-tabbar-tab-active-background: #eae8e6;
|
--gnome-tabbar-tab-active-background: #ebe9e7;
|
||||||
--gnome-tabbar-tab-active-background-contrast: #F7F5F3;
|
--gnome-tabbar-tab-active-background-contrast: #F7F5F3;
|
||||||
--gnome-tabbar-tab-active-border-bottom-color: #4a90d9;
|
--gnome-tabbar-tab-active-border-bottom-color: #4a90d9;
|
||||||
--gnome-tabbar-tab-active-border-bottom-color-contrast: #4a90d9;
|
--gnome-tabbar-tab-active-border-bottom-color-contrast: #4a90d9;
|
||||||
--gnome-tabbar-tab-active-color: rgb(46, 52, 54);
|
--gnome-tabbar-tab-active-color: #2e3436;
|
||||||
--gnome-tabbar-tab-active-hover-background: #e6e6e6;
|
--gnome-tabbar-tab-active-hover-background: #e6e6e6;
|
||||||
--gnome-inactive-tabbar-tab-color: #8b8e8f;
|
--gnome-inactive-tabbar-tab-color: #929595;
|
||||||
|
--gnome-inactive-tabbar-tab-background: #eae8e6;
|
||||||
--gnome-inactive-tabbar-tab-active-background: #f6f5f4;
|
--gnome-inactive-tabbar-tab-active-background: #f6f5f4;
|
||||||
--gnome-inactive-tabbar-tab-active-border-bottom-color: var(--gnome-tabbar-tab-active-border-bottom-color);
|
--gnome-inactive-tabbar-tab-active-border-bottom-color: var(--gnome-tabbar-tab-active-border-bottom-color);
|
||||||
--gnome-inactive-tabbar-tab-active-color: var(--gnome-inactive-tabbar-tab-color);
|
--gnome-inactive-tabbar-tab-active-color: var(--gnome-inactive-tabbar-tab-color);
|
||||||
|
|
|
@ -33,10 +33,14 @@ menuitem[type="radio"][checked="true"],
|
||||||
:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-min .toolbarbutton-icon,
|
:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-min .toolbarbutton-icon,
|
||||||
:root[tabsintitlebar] #titlebar #titlebar-min .toolbarbutton-icon,
|
:root[tabsintitlebar] #titlebar #titlebar-min .toolbarbutton-icon,
|
||||||
:root[tabsintitlebar][inFullscreen] #window-controls #restore-button .toolbarbutton-icon {
|
:root[tabsintitlebar][inFullscreen] #window-controls #restore-button .toolbarbutton-icon {
|
||||||
fill: var(--gnome-toolbar-color) !important;
|
fill: var(--gnome-toolbar-icon-fill) !important;
|
||||||
fill-opacity: 1 !important;
|
fill-opacity: 1 !important;
|
||||||
-moz-context-properties: fill, fill-opacity;
|
-moz-context-properties: fill, fill-opacity;
|
||||||
}
|
}
|
||||||
|
.toolbarbutton-icon:-moz-window-inactive {
|
||||||
|
fill: var(--gnome-inactive-toolbar-icon-fill) !important;
|
||||||
|
}
|
||||||
|
|
||||||
.protections-popup-category::after,
|
.protections-popup-category::after,
|
||||||
.PanelUI-subView .subviewbutton-nav::after {
|
.PanelUI-subView .subviewbutton-nav::after {
|
||||||
fill-opacity: 0.6 !important;
|
fill-opacity: 0.6 !important;
|
||||||
|
|
|
@ -16,6 +16,15 @@
|
||||||
height: auto !important;
|
height: auto !important;
|
||||||
min-height: auto !important;
|
min-height: auto !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#TabsToolbar {
|
||||||
|
background-color: var(--gnome-tabbar-tab-background) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#TabsToolbar:-moz-window-inactive {
|
||||||
|
background-color: var(--gnome-inactive-tabbar-tab-background) !important;
|
||||||
|
}
|
||||||
|
|
||||||
tab > stack {
|
tab > stack {
|
||||||
height: 38px !important;
|
height: 38px !important;
|
||||||
min-height: 38px !important;
|
min-height: 38px !important;
|
||||||
|
@ -55,6 +64,7 @@ tab > stack {
|
||||||
.tabbrowser-tab::before {
|
.tabbrowser-tab::before {
|
||||||
border-color: transparent !important;
|
border-color: transparent !important;
|
||||||
border-image: none !important;
|
border-image: none !important;
|
||||||
|
border-width: 0 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Space between tabs */
|
/* Space between tabs */
|
||||||
|
@ -66,7 +76,7 @@ tab > stack {
|
||||||
tab {
|
tab {
|
||||||
color: var(--gnome-tabbar-tab-color) !important;
|
color: var(--gnome-tabbar-tab-color) !important;
|
||||||
font-family: Cantarell, inherit;
|
font-family: Cantarell, inherit;
|
||||||
font-weight: bold;
|
font-weight: normal;
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
tab:hover {
|
tab:hover {
|
||||||
|
@ -74,12 +84,16 @@ tab:hover {
|
||||||
}
|
}
|
||||||
tab[selected] {
|
tab[selected] {
|
||||||
color: var(--gnome-tabbar-tab-active-color) !important;
|
color: var(--gnome-tabbar-tab-active-color) !important;
|
||||||
|
border-left: 1px solid var(--gnome-tabbar-tab-border-color) !important;
|
||||||
|
border-right: 1px solid var(--gnome-tabbar-tab-border-color) !important;
|
||||||
}
|
}
|
||||||
tab:-moz-window-inactive {
|
tab:-moz-window-inactive {
|
||||||
color: var(--gnome-inactive-tabbar-tab-color) !important;
|
color: var(--gnome-inactive-tabbar-tab-color) !important;
|
||||||
}
|
}
|
||||||
tab[selected]:-moz-window-inactive {
|
tab[selected]:-moz-window-inactive {
|
||||||
color: var(--gnome-inactive-tabbar-tab-active-color) !important;
|
color: var(--gnome-inactive-tabbar-tab-active-color) !important;
|
||||||
|
border-left: 1px solid var(--gnome-inactive-headerbar-border-color) !important;
|
||||||
|
border-right: 1px solid var(--gnome-inactive-headerbar-border-color) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Center all inside tab */
|
/* Center all inside tab */
|
||||||
|
@ -200,7 +214,7 @@ tab[selected]:-moz-window-inactive {
|
||||||
background-image: none !important;
|
background-image: none !important;
|
||||||
border: 0 !important;
|
border: 0 !important;
|
||||||
border-image: none !important;
|
border-image: none !important;
|
||||||
border-bottom: 3px solid var(--gnome-tabbar-tab-active-border-bottom-color) !important;
|
border-bottom: 4px solid var(--gnome-tabbar-tab-active-border-bottom-color) !important;
|
||||||
}
|
}
|
||||||
.tab-background[selected=true]:-moz-window-inactive {
|
.tab-background[selected=true]:-moz-window-inactive {
|
||||||
background-color: var(--gnome-inactive-tabbar-tab-active-background) !important;
|
background-color: var(--gnome-inactive-tabbar-tab-active-background) !important;
|
||||||
|
@ -219,7 +233,7 @@ tab[selected]:-moz-window-inactive {
|
||||||
:root:not(:-moz-window-inactive) .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]) {
|
:root:not(:-moz-window-inactive) .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]) {
|
||||||
background-color: var(--gnome-tabbar-tab-hover-background) !important;
|
background-color: var(--gnome-tabbar-tab-hover-background) !important;
|
||||||
border-image: none !important;
|
border-image: none !important;
|
||||||
border-bottom: 3px solid var(--gnome-tabbar-tab-hover-border-bottom-color) !important;
|
border-bottom: 4px solid var(--gnome-tabbar-tab-hover-border-bottom-color) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Tabs scroll buttons hover */
|
/* Tabs scroll buttons hover */
|
||||||
|
|
Loading…
Reference in New Issue