29 lines
769 B
CSS
29 lines
769 B
CSS
/* Dark mode colors. */
|
|
:root {
|
|
--sl-color-accent-low: #3a0e38;
|
|
--sl-color-accent: #ae00a8;
|
|
--sl-color-accent-high: #ebb4e5;
|
|
--sl-color-white: #ffffff;
|
|
--sl-color-gray-1: #e8edff;
|
|
--sl-color-gray-2: #bac1da;
|
|
--sl-color-gray-3: #7d89b8;
|
|
--sl-color-gray-4: #4b5580;
|
|
--sl-color-gray-5: #2c355d;
|
|
--sl-color-gray-6: #1c2349;
|
|
--sl-color-black: #131729;
|
|
}
|
|
/* Light mode colors. */
|
|
:root[data-theme='light'] {
|
|
--sl-color-accent-low: #f1c7ec;
|
|
--sl-color-accent: #b100ab;
|
|
--sl-color-accent-high: #550852;
|
|
--sl-color-white: #131729;
|
|
--sl-color-gray-1: #1c2349;
|
|
--sl-color-gray-2: #2c355d;
|
|
--sl-color-gray-3: #4b5580;
|
|
--sl-color-gray-4: #7d89b8;
|
|
--sl-color-gray-5: #bac1da;
|
|
--sl-color-gray-6: #e8edff;
|
|
--sl-color-gray-7: #f3f6ff;
|
|
--sl-color-black: #ffffff;
|
|
} |