From b853fd14dcceea490259bc40dda64cf47f162b06 Mon Sep 17 00:00:00 2001 From: Rafael Mardojai CM Date: Fri, 10 Jul 2020 19:52:38 -0500 Subject: [PATCH] private window headerbar: use new color vars for private windows related to #147 --- theme/parts/headerbar-private-window.css | 39 ++++++++++++++++++++++++ 1 file changed, 39 insertions(+) diff --git a/theme/parts/headerbar-private-window.css b/theme/parts/headerbar-private-window.css index d6562d5..9be054a 100644 --- a/theme/parts/headerbar-private-window.css +++ b/theme/parts/headerbar-private-window.css @@ -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;