firefox-gnome-theme/theme/colors/dark.css

79 lines
2.9 KiB
CSS
Raw Normal View History

@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
2019-06-03 20:47:03 +03:00
/* Variables that start with --gnome- are added by me and are assigned
2019-06-07 03:35:44 +03:00
* 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. */
2023-07-13 03:50:17 +03:00
@media (prefers-color-scheme: dark) {
:root {
/* Accent */
2023-07-13 03:50:17 +03:00
--gnome-accent-bg: var(--gnome-palette-blue-3);
--gnome-accent: #78aeed;
2023-07-13 03:50:17 +03:00
--gnome-toolbar-star-button: var(--gnome-palette-yellow-1);
/* Window */
--gnome-window-background: #242424;
--gnome-window-color: white;
--gnome-view-background: #1e1e1e;
2023-07-13 03:50:17 +03:00
/* Card */
--gnome-card-background: rgba(255, 255, 255, 0.08);
--gnome-card-shade-color: color-mix(in srgb, black 36%, transparent);
2023-07-13 03:50:17 +03:00
/* Menu */
2022-05-22 21:53:58 +03:00
--gnome-menu-background: #383838;
/* Header bar */
--gnome-headerbar-background: #303030;
2023-07-13 03:50:17 +03:00
--gnome-headerbar-shade-color: color-mix(in srgb, black 36%, transparent);
2023-07-13 03:50:17 +03:00
/* Toolbars */
--gnome-toolbar-icon-fill: #eeeeec;
2019-08-01 23:25:51 +03:00
/* 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);
2022-06-26 17:51:14 +03:00
/* Text color for Firefox Logo in new private tab */
--gnome-private-wordmark: #FBFBFE;
/* New private tab background */
2023-03-25 23:40:30 +02:00
--gnome-private-in-content-page-background: #242424;
2022-06-26 17:51:14 +03:00
/* Private browsing info box */
--gnome-private-text-primary-color: #FBFBFE;
}
2023-07-13 03:50:17 +03:00
/* 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 */
}
}