From d1d7e9c5bdc169149ccf0f5605b73a3921c111c8 Mon Sep 17 00:00:00 2001
From: Joe Carstairs <65492573+joeacarstairs@users.noreply.github.com>
Date: Thu, 1 Feb 2024 22:30:29 +0000
Subject: Updates from staging (#79)

* Adds no-breadcrumbs variant of the navbar (#75)

* README: replaces 'Sycamost' with 'joeacarstairs' (#74)

* Design system board (#77)

* Simplifies theme selector syntax

* Adds .dark theming class

* Adds design system page (dev env only)

* Closes the Sangschaw (#78)

* Closes the Sangschaw

* Fixes syntax

---------

Co-authored-by: Joe Carstairs <65492573+Sycamost@users.noreply.github.com>

---------

Co-authored-by: Joe Carstairs <118172583+jcarstairs-scottlogic@users.noreply.github.com>
Co-authored-by: Joe Carstairs <65492573+Sycamost@users.noreply.github.com>
---
 scss/custom-properties/_colours.scss | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

(limited to 'scss/custom-properties')

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};
 }
-- 
cgit v1.2.3