From cd71559564732e4f2b4752560ff1b6de6f737a79 Mon Sep 17 00:00:00 2001 From: Jieiku Date: Wed, 19 Jul 2023 13:32:33 -0700 Subject: nojs configurable default switcher theme --- sass/abridge.scss | 17 +++++++++++++---- 1 file changed, 13 insertions(+), 4 deletions(-) (limited to 'sass') diff --git a/sass/abridge.scss b/sass/abridge.scss index 539e377..ac01c1a 100644 --- a/sass/abridge.scss +++ b/sass/abridge.scss @@ -17,6 +17,7 @@ $mb: 1200px !default;// value at which to switch from fluid layout to max-width $abridgeMode: "switcher" !default;//valid values: switcher, auto, dark, light $syntax-mode: "auto" !default;// Force syntax mode: auto, dark, light +$switcherDefault: "dark" !default;// default for nojs switcher: dark, light $color: "orange" !default;// color template to use/override: orange, blue, blueshade @@ -342,16 +343,24 @@ $syntax: true !default;//syntax highlighting for code blocks } } } - :root:not(.light) { - @include colors.dark($dark...); + :root:not(.switch) { + @if $switcherDefault == "light" { + @include colors.dark($light...); + } @else { + @include colors.dark($dark...); + } @if $syntax { @if $syntax-mode == "auto" { @include colors-syntax.syndark($syntax-dark...); } } } - :root.light { - @include colors.light($light...); + :root.switch { + @if $switcherDefault == "light" { + @include colors.dark($dark...); + } @else { + @include colors.dark($light...); + } @if $syntax { @if $syntax-mode == "auto" { @include colors-syntax.synlight($syntax-light...); -- cgit v1.3.1