More actions
Content deleted Content added
Created page with ".theme-primary { color: black; background-color: #2FD9E3; }" |
also change colors when citizen theme is set automatically |
||
(24 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
:root { |
|||
.theme-primary { |
|||
--theme-primary-0: hsl(183, 76%, 54%); |
|||
color: black; |
|||
--theme-primary-1: hsl(183, 76%, 74%); |
|||
background-color: #2FD9E3; |
|||
--theme-primary-2: hsl(183, 76%, 84%); |
|||
--theme-primary-3: hsl(183, 76%, 94%); |
|||
} |
|||
:root.skin-citizen-dark { |
|||
--theme-primary-0: hsl(183, 76%, 34%); |
|||
--theme-primary-1: hsl(183, 76%, 29%); |
|||
--theme-primary-2: hsl(183, 76%, 24%); |
|||
--theme-primary-3: hsl(183, 76%, 14%); |
|||
} |
|||
@media screen and (prefers-color-scheme: light) { |
|||
:root.skin-citizen-auto { |
|||
--theme-primary-0: hsl(183, 76%, 54%); |
|||
--theme-primary-1: hsl(183, 76%, 74%); |
|||
--theme-primary-2: hsl(183, 76%, 84%); |
|||
--theme-primary-3: hsl(183, 76%, 94%); |
|||
} |
|||
} |
|||
@media screen and (prefers-color-scheme: dark) { |
|||
:root.skin-citizen-auto { |
|||
--theme-primary-0: hsl(183, 76%, 34%); |
|||
--theme-primary-1: hsl(183, 76%, 29%); |
|||
--theme-primary-2: hsl(183, 76%, 24%); |
|||
--theme-primary-3: hsl(183, 76%, 14%); |
|||
} |
|||
} |
} |
Latest revision as of 13:57, 21 June 2024
:root {
--theme-primary-0: hsl(183, 76%, 54%);
--theme-primary-1: hsl(183, 76%, 74%);
--theme-primary-2: hsl(183, 76%, 84%);
--theme-primary-3: hsl(183, 76%, 94%);
}
:root.skin-citizen-dark {
--theme-primary-0: hsl(183, 76%, 34%);
--theme-primary-1: hsl(183, 76%, 29%);
--theme-primary-2: hsl(183, 76%, 24%);
--theme-primary-3: hsl(183, 76%, 14%);
}
@media screen and (prefers-color-scheme: light) {
:root.skin-citizen-auto {
--theme-primary-0: hsl(183, 76%, 54%);
--theme-primary-1: hsl(183, 76%, 74%);
--theme-primary-2: hsl(183, 76%, 84%);
--theme-primary-3: hsl(183, 76%, 94%);
}
}
@media screen and (prefers-color-scheme: dark) {
:root.skin-citizen-auto {
--theme-primary-0: hsl(183, 76%, 34%);
--theme-primary-1: hsl(183, 76%, 29%);
--theme-primary-2: hsl(183, 76%, 24%);
--theme-primary-3: hsl(183, 76%, 14%);
}
}