More actions
mNo edit summary |
mNo edit summary |
||
| Line 21: | Line 21: | ||
--background-color-destructive: rgba(221,51,51,0.25); | --background-color-destructive: rgba(221,51,51,0.25); | ||
/* Primary color is too blue to use for links. Gives me eye strain */ | /* Primary color is too blue to use for links. Gives me eye strain */ | ||
--color-link: #4698D6; | --color-link: #4698D6 !important; | ||
/* --color-link l * 1.2 */ | /* --color-link l * 1.2 */ | ||
--color-link--active: #54B5FF; | --color-link--active: #54B5FF !important; | ||
/* --color-link l * 0.8 */ | /* --color-link l * 0.8 */ | ||
--color-link--hover: #3879AB; | --color-link--hover: #3879AB !important; | ||
} | } | ||
Revision as of 15:24, 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. */
--color-primary: #1475E1;
/* primary l * 1.2 */
--color-primary--active: #105CB2;
/* primary l * 0.8 */
--color-primary--hover: #1783FF;
/* Background for red warning box, default is too muted */
--background-color-destructive: rgba(221,51,51,0.25);
/* Primary color is too blue to use for links. Gives me eye strain */
--color-link: #4698D6 !important;
/* --color-link l * 1.2 */
--color-link--active: #54B5FF !important;
/* --color-link l * 0.8 */
--color-link--hover: #3879AB !important;
}