setting base colours for dark mode

wagtail · Jul 19, 2023 · 4a6b7f0 · 4a6b7f0
1 parent d806c01
commit 4a6b7f0
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 3 deletions.
diff --git a/wagtailio/static/sass/base/_base.scss b/wagtailio/static/sass/base/_base.scss
@@ -15,6 +15,8 @@ html {
 
 body {
     overflow-x: hidden;
+    background-color: var(--color--background);
+    color: var(--color--text);
 
     &.no-scroll {
         overflow-y: hidden;

diff --git a/wagtailio/static/sass/components/_footer-menu.scss b/wagtailio/static/sass/components/_footer-menu.scss
@@ -1,7 +1,6 @@
 .footer-menu {
     $root: &;
-
-    background-color: $color--teal-300;
+    background-color: var(--color--footer-bg);
     padding: 40px 0;
     border-top: 1px solid transparent;
     border-bottom: 1px solid transparent;

diff --git a/wagtailio/static/sass/layout/_footer.scss b/wagtailio/static/sass/layout/_footer.scss
@@ -2,7 +2,7 @@
     $root: &;
 
     &__base {
-        background-color: $color--indigo;
+        background-color: var(--color--highlight);
         padding: 60px 0;
         color: $color--white;
     }