firefox-gnome-theme/theme/parts/headerbar-private-window.css

45 lines
2.0 KiB
CSS

/* Private window headerbar */
@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
:root[privatebrowsingmode="temporary"] {
--gnome-accent: var(--gnome-private-accent) !important;
--gnome-accent-fg: var(--gnome-private-accent) !important;
/* Toolbars */
--gnome-toolbar-background: var(--gnome-private-toolbar-background) !important;
--gnome-inactive-toolbar-background: var(--gnome-private-inactive-toolbar-background) !important;
/* Menus */
--gnome-menu-background: var(--gnome-private-menu-background) !important;
/* Change headerbar colors */
--gnome-headerbar-background: var(--gnome-private-headerbar-background) !important;
--gnome-inactive-headerbar-background: var(--gnome-private-inactive-headerbar-background) !important;
/* Tabs */
--gnome-tabbar-tab-hover-background: var(--gnome-private-tabbar-tab-hover-background);
--gnome-tabbar-tab-active-background: var(--gnome-private-tabbar-tab-active-background);
--gnome-tabbar-tab-active-background-contrast: var(--gnome-private-tabbar-tab-active-background-contrast);
--gnome-tabbar-tab-active-hover-background: var(--gnome-private-tabbar-tab-active-hover-background);
--gnome-inactive-tabbar-tab-hover-background: var(--gnome-private-inactive-tabbar-tab-hover-background);
--gnome-inactive-tabbar-tab-active-background: var(--gnome-private-inactive-tabbar-tab-active-background);
}
/* Add private window headerbar indicator */
:root[privatebrowsingmode="temporary"] #nav-bar toolbarspring:first-of-type:before {
background: url("../icons/eye-not-looking-symbolic.svg") no-repeat;
background-size: 64px 64px;
content: "";
display: block;
position: absolute;
width: 64px;
height: 46px;
top: 0;
transform: translate(15px, 0);
fill: var(--gnome-toolbar-color) !important;
fill-opacity: 0.2 !important;
-moz-context-properties: fill, fill-opacity;
}
/* Hide tabsbar default private browsing indicator */
#private-browsing-indicator-with-label {
display: none !important;
}