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 */
/* Global Overrides */
:root.skin-citizen-dark {
--width-layout: 1440px;
--color-surface-0: #121212 !important;
--color-surface-1: #2C2C2C !important;
--color-surface-2: #363636 !important;
--color-surface-3: #474747 !important;
--color-surface-4: #595959 !important;
--color-primary__h: 200 !important;
--color-primary__s: 99% !important;
--color-primary__l: 45% !important;
--background-color-framed: var(--color-surface-1) !important;
--background-color-framed--hover: var(--color-surface-2) !important;
--background-color-framed--active: var(--color-surface-0) !important;
--background-color-overlay: var(--color-surface-1) !important;
--background-color-overlay--lighter: var(--color-surface-2) !important;
--box-shadow-card: rgba(0, 0, 0, 0.5) 0px 1px 3px 0px, rgba(27, 31, 35, 0.5) 0px 0px 0px 1px !important;
--box-shadow-dialog: rgba(0, 0, 0, 0.5) 0px 1px 3px 0px, rgba(27, 31, 35, 0.5) 0px 0px 0px 1px !important;
--color-base: #D1D5DB !important;
--color-base--subtle: #D1D5DB !important;
--color-base--emphasized: #D1D5DB !important;
}