Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
: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%);
}
}