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;
}