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)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* All CSS here will be loaded for users of the Citizen skin */
:root.skin-theme-clientpref-night {
--color-primary__h: 0; /* Hue (0 = Red, not relevant for white) */
--color-primary__s: 0%; /* Saturation (0% makes it grayscale) */
--color-primary__l: 100%; /* Lightness (100% makes it white) */
/* Ensure text is white */
--color-base: #ffffff; /* Main text color */
--color-emphasized: #f5f5f5; /* Emphasized text */
--color-subtle: #cccccc; /* Less important text */
/* Ensure links and buttons contrast well */
--color-primary--hover: #dddddd; /* Hover effect for links/buttons */
--color-primary--active: #bbbbbb; /* Clicked state */
/* Change UI button colors */
--color-syntax-red: #ff6666; /* Error text */
--color-syntax-blue: #6699ff; /* Links */
--color-syntax-green: #66ff66; /* Success messages */
}