mirror of
https://github.com/zen-browser/theme-store.git
synced 2025-07-07 17:05:31 +02:00
129 lines
3.2 KiB
CSS
129 lines
3.2 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;
|
|
}
|