More actions
Content deleted Content added
mNo edit summary |
also change colors when citizen theme is set automatically |
||
| (14 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
:root { |
|||
--background-primary-0: #2FD9E3; |
|||
-- |
--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) { |
|||
.theme-primary { |
|||
:root.skin-citizen-auto { |
|||
color: black; |
|||
--theme-primary-0: hsl(183, 76%, 54%); |
|||
background-color: #2FD9E3; |
|||
--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) { |
|||
.infobox .tabber__header { |
|||
:root.skin-citizen-auto { |
|||
justify-content: center; |
|||
--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%);
}
}