private window headerbar: use new color vars for private windows

related to #147
This commit is contained in:
Rafael Mardojai CM 2020-07-10 19:52:38 -05:00
parent 6c016712d1
commit b853fd14dc
1 changed files with 39 additions and 0 deletions

View File

@ -2,6 +2,45 @@
@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
:root[privatebrowsingmode="temporary"] {
/* Change headerbar colors */
--gnome-headerbar-background: var(--gnome-private-headerbar-background) !important;
--gnome-headerbar-border-color: var(--gnome-private-headerbar-border-color) !important;
--gnome-headerbar-box-shadow: var(--gnome-private-headerbar-box-shadow) !important;
--gnome-inactive-headerbar-background: var(--gnome-private-inactive-headerbar-background) !important;
--gnome-inactive-headerbar-border-color: var(--gnome-private-inactive-headerbar-border-color) !important;
--gnome-inactive-headerbar-box-shadow: var(--gnome-private-inactive-headerbar-box-shadow) !important;
/* Change urlbar colors */
--gnome-entry-border-color: var(--gnome-private-entry-border-color) !important;
--gnome-focused-urlbar-border-color: var(--gnome-private-focused-urlbar-border-color) !important;
/* Change tabs colors */
--gnome-tabbar-tab-active-border-bottom-color: var(--gnome-private-tabbar-tab-active-border-bottom-color) !important;
--gnome-inactive-tabbar-tab-active-border-bottom-color: var(--gnome-private-tabbar-tab-active-border-bottom-color) !important;
}
/* Change headerbar buttons colors */
:root[privatebrowsingmode="temporary"] #nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton),
:root[privatebrowsingmode="temporary"][tabsintitlebar] #titlebar .titlebar-button,
:root[privatebrowsingmode="temporary"][tabsintitlebar][inFullscreen] #window-controls toolbarbutton {
--gnome-button-background: var(--gnome-private-button-background) !important;
--gnome-button-border-color: var(--gnome-private-button-border-color) !important;
--gnome-button-border-accent-color: var(--gnome-private-button-border-accent-color) !important;
--gnome-button-box-shadow: var(--gnome-private-button-box-shadow) !important;
--gnome-button-hover-background: var(--gnome-private-button-hover-background) !important;
--gnome-button-active-background: var(--gnome-private-button-active-background) !important;
--gnome-button-active-border-color: var(--gnome-private-button-active-border-color) !important;
--gnome-button-active-border-accent-color: var(--gnome-private-button-active-border-accent-color) !important;
--gnome-button-active-box-shadow: var(--gnome-private-button-active-box-shadow) !important;
--gnome-button-disabled-background: var(--gnome-private-button-disabled-background) !important;
--gnome-button-disabled-border-color: var(--gnome-private-button-disabled-border-color) !important;
--gnome-button-disabled-box-shadow: var(--gnome-private-button-disabled-box-shadow) !important;
--gnome-inactive-button-background: var(--gnome-private-inactive-button-background) !important;
--gnome-inactive-button-border-color: var(--gnome-private-inactive-button-border-color) !important;
--gnome-inactive-button-box-shadow: var(--gnome-private-inactive-button-box-shadow) !important;
}
/* Add private window headerbar indicator */
:root[privatebrowsingmode="temporary"] #nav-bar toolbarspring:first-of-type:before {
background: url("../icons/user-not-tracked.svg") no-repeat;