2019-01-04 18:14:53 +00:00
|
|
|
:root {
|
2020-07-08 22:00:54 +00:00
|
|
|
--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);
|
|
|
|
|
|
|
|
|
|
// 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);
|
2019-01-04 18:14:53 +00:00
|
|
|
|
|
|
|
|
// Syntax highlighting
|
2020-07-08 22:00:54 +00:00
|
|
|
--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);
|
|
|
|
|
}
|
|
|
|
|
|
