81 lines
2.9 KiB
CSS
81 lines
2.9 KiB
CSS
@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
|
|
|
|
/* Variables that start with --gnome- are added by me and are assigned
|
|
* to elements somewhere in this code. The rest of the variables are
|
|
* built-in in Firefox, so you need to add an !important if you wanna
|
|
* override them. */
|
|
@media (prefers-color-scheme: dark) {
|
|
:root {
|
|
/* Accent */
|
|
--gnome-accent-bg: var(--gnome-palette-blue-3);
|
|
--gnome-accent: #78aeed;
|
|
|
|
--gnome-toolbar-star-button: var(--gnome-palette-yellow-1);
|
|
|
|
/* Window */
|
|
--gnome-window-background: #242424;
|
|
--gnome-window-color: white;
|
|
--gnome-view-background: #1e1e1e;
|
|
--gnome-sidebar-background: #303030;
|
|
--gnome-secondary-sidebar-background: #2a2a2a;
|
|
|
|
/* Card */
|
|
--gnome-card-background: rgba(255, 255, 255, 0.08);
|
|
--gnome-card-shade-color: color-mix(in srgb, black 36%, transparent);
|
|
|
|
/* Menu */
|
|
--gnome-menu-background: #383838;
|
|
|
|
/* Header bar */
|
|
--gnome-headerbar-background: #303030;
|
|
--gnome-headerbar-shade-color: rgba(0, 0, 0, 0.9);
|
|
|
|
/* Toolbars */
|
|
--gnome-toolbar-icon-fill: #eeeeec;
|
|
|
|
/* Tabs */
|
|
--gnome-tabbar-tab-hover-background: #3f3f3f; /* Hardcoded color */
|
|
--gnome-tabbar-tab-active-background: #444444; /* Hardcoded color */
|
|
--gnome-tabbar-tab-active-background-contrast: #4F4F4F; /* Hardcoded color */
|
|
--gnome-tabbar-tab-active-hover-background: #4b4b4b; /* Hardcoded color */
|
|
|
|
--gnome-tabbar-identity-color-green: var(--gnome-palette-green-1);
|
|
--gnome-tabbar-identity-color-yellow: var(--gnome-palette-yellow-2);
|
|
--gnome-tabbar-identity-color-orange: var(--gnome-palette-orange-3);
|
|
--gnome-tabbar-identity-color-red: var(--gnome-palette-red-1);
|
|
--gnome-tabbar-identity-color-purple: var(--gnome-palette-purple-1);
|
|
|
|
/* Text color for Firefox Logo in new private tab */
|
|
--gnome-private-wordmark: #FBFBFE;
|
|
/* New private tab background */
|
|
--gnome-private-in-content-page-background: #242424;
|
|
/* Private browsing info box */
|
|
--gnome-private-text-primary-color: #FBFBFE;
|
|
}
|
|
|
|
/* Backdrop colors */
|
|
:root:-moz-window-inactive {
|
|
--gnome-tabbar-tab-hover-background: #2c2c2c; /* Hardcoded color */
|
|
--gnome-tabbar-tab-active-background: #2e2e2e; /* Hardcoded color */
|
|
}
|
|
|
|
/* Private colors */
|
|
:root[privatebrowsingmode="temporary"] {
|
|
--gnome-accent-fg: #78aeed;
|
|
/* Headerbar */
|
|
--gnome-headerbar-background: #252F49 !important;
|
|
/* Tabs */
|
|
--gnome-tabbar-tab-hover-background: #343e56; /* Hardcoded color */
|
|
--gnome-tabbar-tab-active-background: #343e56; /* Hardcoded color */
|
|
--gnome-tabbar-tab-active-background-contrast: #495675; /* Hardcoded color */
|
|
--gnome-tabbar-tab-active-hover-background: #414a61; /* Hardcoded color */
|
|
}
|
|
|
|
/* Private and backdrop colors */
|
|
:root[privatebrowsingmode="temporary"]:-moz-window-inactive {
|
|
--gnome-headerbar-background: #252F49 !important;
|
|
--gnome-tabbar-tab-hover-background: #242c3f; /* Hardcoded color */
|
|
--gnome-tabbar-tab-active-background: #272e41; /* Hardcoded color */
|
|
}
|
|
}
|