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: #f5f5f5; /* Site main background */
--color-surface-1: #fdfdfd; /* Modals, dropdowns, top-level containers */
--color-surface-2: #f0f0f0; /* Nested containers */
--color-surface-3: #e8e8e8; /* Cards, tiles, etc. */
--color-surface-4: #e0e0e0; /* Subtle background highlights */
}
/* Optional: tweak backgrounds for light theme specifically */
:root.skin-theme-clientpref-light {
--color-surface-0: #ffffff;
--color-surface-1: #f9f9f9;
--color-surface-2: #f1f1f1;
--color-surface-3: #eaeaea;
--color-surface-4: #e0e0e0;
}
/* Optional: tweak backgrounds for dark theme specifically */
:root.skin-theme-clientpref-night {
--color-surface-0: #1e1e1e;
--color-surface-1: #2a2a2a;
--color-surface-2: #333;
--color-surface-3: #3d3d3d;
--color-surface-4: #484848;
}