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 */ /* Customize all background (surface) colors – affects layout backgrounds, modals, dropdowns, etc. */ /* For all themes */ :root { --color-surface-0: #f3fcf5; /* Lightest background – main page */ --color-surface-1: #f0faf2; /* Slightly deeper – modals, dropdowns */ --color-surface-2: #e7f6ec; /* Containers */ --color-surface-3: #dbf1e2; /* Cards, boxes */ --color-surface-4: #d0ebd8; /* Slight highlight or contrast */ } /* Optional: tweak backgrounds for light theme specifically */ :root.skin-theme-clientpref-light { --color-surface-0: #ffffff; /* Pure white */ --color-surface-1: #f3fcf5; /* Light green tint */ --color-surface-2: #eaf7ed; --color-surface-3: #def2e4; --color-surface-4: #d4ecda; } /* Optional: tweak backgrounds for dark theme specifically */ :root.skin-theme-clientpref-night { --color-surface-0: #122d1f; /* Dark green background */ --color-surface-1: #183a28; --color-surface-2: #204d36; --color-surface-3: #29614a; --color-surface-4: #31755f; }