More actions
mNo edit summary |
mNo edit summary |
||
| (7 intermediate revisions by the same user not shown) | |||
| Line 2: | Line 2: | ||
:root.skin-citizen-dark { | :root.skin-citizen-dark { | ||
--color-primary__l: 60%; | --color-primary__l: 60%; | ||
--color-primary__h: | --color-primary__h: 205; | ||
--color-primary__s: 54%; | --color-primary__s: 54%; | ||
/* Main background */ | /* Main background */ | ||
| Line 12: | Line 12: | ||
/* Color for the sticky header */ | /* Color for the sticky header */ | ||
--background-color-overlay: hsl(var(--color-primary__h),35%,12%); | --background-color-overlay: hsl(var(--color-primary__h),35%,12%); | ||
/* Buttons, links etc. This was based on the buttons on Stake, but it was too blue for links etc. */ | |||
--color-primary: #4698D6; | |||
/* primary l * 1.2 */ | |||
--color-primary--active: #54B5FF; | |||
/* primary l * 0.8 */ | |||
--color-primary--hover: #3879AB; | |||
/* Background for red warning box, default is too muted */ | |||
--background-color-destructive: rgba(221,51,51,0.25); | |||
} | } | ||
Latest revision as of 15:26, 31 March 2024
/* All CSS here will be loaded for users of the Citizen skin */
:root.skin-citizen-dark {
--color-primary__l: 60%;
--color-primary__h: 205;
--color-primary__s: 54%;
/* Main background */
--color-surface-0: hsl(var(--color-primary__h),35%,12%);
/* Background for dropdowns etc. */
--color-surface-1: hsl(var(--color-primary__h),35%,12%);
/* Footer and legend background */
--color-surface-2: hsl(var(--color-primary__h),35%,16%);
/* Color for the sticky header */
--background-color-overlay: hsl(var(--color-primary__h),35%,12%);
/* Buttons, links etc. This was based on the buttons on Stake, but it was too blue for links etc. */
--color-primary: #4698D6;
/* primary l * 1.2 */
--color-primary--active: #54B5FF;
/* primary l * 0.8 */
--color-primary--hover: #3879AB;
/* Background for red warning box, default is too muted */
--background-color-destructive: rgba(221,51,51,0.25);
}