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: #f9fdfb; /* Very light greenish white */
--color-surface-1: #f5fbf8;
--color-surface-2: #eef7f3;
--color-surface-3: #e5f3ec;
--color-surface-4: #ddeee6;
}
/* Light theme overrides */
:root.skin-theme-clientpref-light {
--color-surface-0: #ffffff; /* Pure white */
--color-surface-1: #f9fdfb;
--color-surface-2: #f1f8f4;
--color-surface-3: #e9f3ec;
--color-surface-4: #e1eee6;
}
/* Dark theme overrides – still green-accented but subtle */
:root.skin-theme-clientpref-night {
--color-surface-0: #1b1f1c;
--color-surface-1: #232823;
--color-surface-2: #2c312c;
--color-surface-3: #354037;
--color-surface-4: #3d4b41;
}