60 lines
2.3 KiB
SCSS
60 lines
2.3 KiB
SCSS
|
:root {
|
||
|
|
--accent-color: var(--dark-accent-color);
|
||
|
|
--content-background-color: var(--dark-content-background-color);
|
||
|
|
--shadow-color: var(--dark-shadow-color);
|
||
|
|
--ui-background-color: var(--dark-ui-background-color);
|
||
|
|
--ui-text-color: var(--dark-ui-text-color);
|
||
|
|
--secondary-ui-text-color: var(--dark-secondary-ui-text-color);
|
||
|
|
--content-text-color: var(--dark-content-text-color);
|
||
|
|
|
||
|
|
--aside-background: var(--dark-aside-background);
|
||
|
|
--aside-border: var(--dark-aside-border);
|
||
|
|
--aside-warning-background: var(--dark-aside-warning-background);
|
||
|
|
--aside-warning-border: var(--dark-aside-warning-border);
|
||
|
|
|
||
|
|
--webring-background: var(--dark-webring-background);
|
||
|
|
|
||
|
|
// Syntax highdarking
|
||
|
|
--atom-base: var(--dark-atom-base);
|
||
|
|
--atom-mono-1: var(--dark-atom-mono-1);
|
||
|
|
--atom-mono-2: var(--dark-atom-mono-2);
|
||
|
|
--atom-mono-3: var(--dark-atom-mono-3);
|
||
|
|
--atom-hue-1: var(--dark-atom-hue-1);
|
||
|
|
--atom-hue-2: var(--dark-atom-hue-2);
|
||
|
|
--atom-hue-3: var(--dark-atom-hue-3);
|
||
|
|
--atom-hue-4: var(--dark-atom-hue-4);
|
||
|
|
--atom-hue-5: var(--dark-atom-hue-5);
|
||
|
|
--atom-hue-5-2: var(--dark-atom-hue-5-2);
|
||
|
|
--atom-hue-6: var(--dark-atom-hue-6);
|
||
|
|
--atom-hue-6-2: var(--dark-atom-hue-6-2);
|
||
|
|
}
|
||
|
|
|
||
|
|
.theme-inverted {
|
||
|
|
--accent-color: var(--light-accent-color);
|
||
|
|
--content-background-color: var(--light-content-background-color);
|
||
|
|
--shadow-color: var(--light-shadow-color);
|
||
|
|
--ui-background-color: var(--light-ui-background-color);
|
||
|
|
--ui-text-color: var(--light-ui-text-color);
|
||
|
|
--secondary-ui-text-color: var(--light-secondary-ui-text-color);
|
||
|
|
--content-text-color: var(--light-content-text-color);
|
||
|
|
|
||
|
|
--aside-background: var(--light-aside-background);
|
||
|
|
--aside-border: var(--light-aside-border);
|
||
|
|
--aside-warning-background: var(--light-aside-warning-background);
|
||
|
|
--aside-warning-border: var(--light-aside-warning-border);
|
||
|
|
|
||
|
|
// Syntax highlighting
|
||
|
|
--atom-base: var(--light-atom-base);
|
||
|
|
--atom-mono-1: var(--light-atom-mono-1);
|
||
|
|
--atom-mono-2: var(--light-atom-mono-2);
|
||
|
|
--atom-mono-3: var(--light-atom-mono-3);
|
||
|
|
--atom-hue-1: var(--light-atom-hue-1);
|
||
|
|
--atom-hue-2: var(--light-atom-hue-2);
|
||
|
|
--atom-hue-3: var(--light-atom-hue-3);
|
||
|
|
--atom-hue-4: var(--light-atom-hue-4);
|
||
|
|
--atom-hue-5: var(--light-atom-hue-5);
|
||
|
|
--atom-hue-5-2: var(--light-atom-hue-5-2);
|
||
|
|
--atom-hue-6: var(--light-atom-hue-6);
|
||
|
|
--atom-hue-6-2: var(--light-atom-hue-6-2);
|
||
|
|
}
|