mirror of
https://github.com/zen-browser/theme-store.git
synced 2025-07-14 20:23:53 +02:00
64 lines
3 KiB
CSS
64 lines
3 KiB
CSS
:root {
|
|
--zen-primary-color: #d9d9d9 !important;
|
|
--zen-colors-primary: var(--tab-loading-fill) !important;
|
|
--zen-colors-secondary: var(--tab-loading-fill) !important;
|
|
--toolbarbutton-icon-fill: var(--tab-loading-fill) !important;
|
|
}
|
|
|
|
:root:has(#theme-PywalZen[uc-pywalzen-darkness="default"]) {
|
|
--zen-colors-tertiary: var(--lwt-accent-color) !important;
|
|
--zen-main-browser-background: var(--lwt-accent-color) !important;
|
|
--zen-themed-toolbar-bg: var(--lwt-accent-color) !important;
|
|
--arrowpanel-background: var(--lwt-accent-color) !important;
|
|
#urlbar[breakout-extend="true"] > #urlbar-background {
|
|
background: var(--lwt-accent-color) !important;
|
|
}
|
|
}
|
|
|
|
:root:has(#theme-PywalZen[uc-pywalzen-darkness="dark"]) {
|
|
--zen-colors-tertiary: color-mix(in srgb, var(--lwt-accent-color), black 25%) !important;
|
|
--zen-main-browser-background: color-mix(in srgb, var(--lwt-accent-color), black 25%) !important;
|
|
--zen-themed-toolbar-bg: color-mix(in srgb, var(--lwt-accent-color), black 25%) !important;
|
|
--arrowpanel-background: color-mix(in srgb, var(--lwt-accent-color), black 25%) !important;
|
|
#urlbar[breakout-extend="true"] > #urlbar-background {
|
|
background: color-mix(in srgb, var(--lwt-accent-color), black 25%) !important;
|
|
}
|
|
}
|
|
|
|
:root:has(#theme-PywalZen[uc-pywalzen-darkness="darker"]) {
|
|
--zen-colors-tertiary: color-mix(in srgb, var(--lwt-accent-color), black 50%) !important;
|
|
--zen-main-browser-background: color-mix(in srgb, var(--lwt-accent-color), black 50%) !important;
|
|
--zen-themed-toolbar-bg: color-mix(in srgb, var(--lwt-accent-color), black 50%) !important;
|
|
--arrowpanel-background: color-mix(in srgb, var(--lwt-accent-color), black 50%) !important;
|
|
#urlbar[breakout-extend="true"] > #urlbar-background {
|
|
background: color-mix(in srgb, var(--lwt-accent-color), black 50%) !important;
|
|
}
|
|
}
|
|
|
|
:root:has(#theme-PywalZen[uc-pywalzen-darkness="yet-darker"]) {
|
|
--zen-colors-tertiary: color-mix(in srgb, var(--lwt-accent-color), black 75%) !important;
|
|
--zen-main-browser-background: color-mix(in srgb, var(--lwt-accent-color), black 75%) !important;
|
|
--zen-themed-toolbar-bg: color-mix(in srgb, var(--lwt-accent-color), black 75%) !important;
|
|
--arrowpanel-background: color-mix(in srgb, var(--lwt-accent-color), black 75%) !important;
|
|
#urlbar[breakout-extend="true"] > #urlbar-background {
|
|
background: color-mix(in srgb, var(--lwt-accent-color), black 75%) !important;
|
|
}
|
|
}
|
|
|
|
:root:has(#theme-PywalZen[uc-pywalzen-darkness="pitch-black"]) {
|
|
--zen-colors-tertiary: black !important;
|
|
--zen-main-browser-background: black !important;
|
|
--zen-themed-toolbar-bg: black !important;
|
|
--arrowpanel-background: black !important;
|
|
#urlbar[breakout-extend="true"] > #urlbar-background {
|
|
background: black !important;
|
|
}
|
|
}
|
|
|
|
#urlbar:not([focused="true"]):not([breakout-extend="true"]) > #urlbar-background {
|
|
background: color-mix(in srgb, light-dark(#fff, var(--zen-colors-secondary)) 35%, transparent 65%) !important;
|
|
}
|
|
|
|
#commonDialogWindow {
|
|
background-color: black !important;
|
|
}
|