From ffe88022a0779cbac32d473e3663ab993876222f Mon Sep 17 00:00:00 2001 From: Nathan Steel Date: Mon, 19 May 2025 16:46:06 +0100 Subject: [PATCH] Change colour-scheme mixin to require variable --- scss/utilities/_mixins.scss | 8 ++++++-- scss/utilities/_variables.scss | 3 +++ 2 files changed, 9 insertions(+), 2 deletions(-) diff --git a/scss/utilities/_mixins.scss b/scss/utilities/_mixins.scss index 3164fc0..853e7ec 100644 --- a/scss/utilities/_mixins.scss +++ b/scss/utilities/_mixins.scss @@ -1,3 +1,5 @@ +@use 'variables' as *; + @mixin reset { margin: 0; padding: 0; @@ -5,8 +7,10 @@ // @include color-scheme() {} @mixin color-scheme($value: dark) { - @media (prefers-color-scheme: $value) { - @content; + @if $color-schemes { + @media (prefers-color-scheme: $value) { + @content; + } } } diff --git a/scss/utilities/_variables.scss b/scss/utilities/_variables.scss index 3e2d7f5..0d519a5 100644 --- a/scss/utilities/_variables.scss +++ b/scss/utilities/_variables.scss @@ -1,4 +1,6 @@ // Variables +$color-schemes: false; // true/false, to enable/disable light/dark colour themes. All default styling is for 'light' + $media-xs: 360px; $media-sm: 540px; $media-md: 768px; @@ -32,6 +34,7 @@ $color-text-secondary: #999; $color-text-secondary--dark: #aaa; $color-scrollbar: #cacae8; +$color-scrollbar--dark: #cacae8; $font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; $justify-important: center;