diff options
| author | Joe Carstairs <118172583+jcarstairs-scottlogic@users.noreply.github.com> | 2024-01-29 13:12:15 +0000 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-01-29 13:12:15 +0000 |
| commit | f7528892196734b7246377d63a8804e3f435b9ba (patch) | |
| tree | d0a7025e82db9ab1847edd724e1c3d4e04024d26 /scss/custom-properties | |
| parent | 0c0cff042de7d5cec6ef904b7623a8ac2c3c938a (diff) | |
Design system board (#77)
* Simplifies theme selector syntax
* Adds .dark theming class
* Adds design system page (dev env only)
Diffstat (limited to 'scss/custom-properties')
| -rw-r--r-- | scss/custom-properties/_colours.scss | 20 |
1 files changed, 10 insertions, 10 deletions
diff --git a/scss/custom-properties/_colours.scss b/scss/custom-properties/_colours.scss index dadb50e..138a724 100644 --- a/scss/custom-properties/_colours.scss +++ b/scss/custom-properties/_colours.scss @@ -1,14 +1,5 @@ @use '../values/colours' as colours; -:root { - --text-color: #{colours.$primary-98}; - --text-highlight-color: #{colours.$primary-10}; - --background-color: #{colours.$primary-10}; - --background-highlight-color: #{colours.$primary-90}; - --special-text-color: #{colours.$secondary-90}; - --special-text-highlight-color: #{colours.$secondary-10}; -} - :is(main, article) { --text-color: #{colours.$primary-10}; --text-highlight-color: #{colours.$primary-90}; @@ -18,6 +9,15 @@ --special-text-highlight-color: #{colours.$secondary-90}; } -:is(main, article) > section:nth-child(even):not(:is(section, header) :is(section, header)) { +:root, .dark { + --text-color: #{colours.$primary-98}; + --text-highlight-color: #{colours.$primary-10}; + --background-color: #{colours.$primary-10}; + --background-highlight-color: #{colours.$primary-90}; + --special-text-color: #{colours.$secondary-90}; + --special-text-highlight-color: #{colours.$secondary-10}; +} + +:is(main, article) > section:nth-child(even):not(:is(section, header) :is(section, header)):not(.dark *) { --background-color: #{colours.$primary-95}; } |