aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
Diffstat
-rw-r--r--sass/_colors-syntax.scss121
-rw-r--r--sass/_colors.scss120
-rw-r--r--sass/abridge.scss132
-rw-r--r--sass/colors-syntax/_abridge.scss51
-rw-r--r--sass/colors/_blue.scss50
-rw-r--r--sass/colors/_blueshade.scss50
-rw-r--r--sass/colors/_orange.scss50
7 files changed, 306 insertions, 268 deletions
diff --git a/sass/_colors-syntax.scss b/sass/_colors-syntax.scss
new file mode 100644
index 0000000..f3d219f
--- /dev/null
+++ b/sass/_colors-syntax.scss
@@ -0,0 +1,121 @@
+// Syntax Highlighting
+@mixin syndark($h0,$h1,$h2,$h3,$h4,$h5,$h6,$h7,$h8,$h9,$ha) {
+ #{--h0}: $h0;// background color
+ #{--h1}: $h1;// unstyled text
+ #{--h2}: $h2;// comments
+ #{--h3}: $h3;// red, support function
+ #{--h4}: $h4;// orange, punctuation, constant, variable, json-key
+ #{--h5}: $h5;// tan, entity/function name
+ #{--h6}: $h6;// green, string
+ #{--h7}: $h7;// teal, escape character
+ #{--h8}: $h8;// blue, declaration, tag, property
+ #{--h9}: $h9;// purple, operators
+ #{--ha}: $ha;// mark/highlight line
+}
+@mixin synlight($h0,$h1,$h2,$h3,$h4,$h5,$h6,$h7,$h8,$h9,$ha) {
+ #{--h0}: $h0;// background color
+ #{--h1}: $h1;// unstyled text
+ #{--h2}: $h2;// comments
+ #{--h3}: $h3;// red, support function
+ #{--h4}: $h4;// orange, punctuation, constant, variable, json-key
+ #{--h5}: $h5;// tan, entity/function name
+ #{--h6}: $h6;// green, string
+ #{--h7}: $h7;// teal, escape character
+ #{--h8}: $h8;// blue, declaration, tag, property
+ #{--h9}: $h9;// purple, operators
+ #{--ha}: $ha;// mark/highlight line
+}
+
+@function color($color-syntax,$dark,$h0,$h1,$h2,$h3,$h4,$h5,$h6,$h7,$h8,$h9,$ha) {
+ @if $color-syntax == "charcoal" {//placeholder, this is actuall a copy of abridge syntax
+ @if $dark {/// Dark Syntax Colors
+ $h0: #191919 !default;// background color
+ $h1: #ddd !default;// unstyled text
+ $h2: #888 !default;// comments
+ $h3: #e65 !default;// red, support function
+ $h4: #e83 !default;// orange, punctuation, constant, variable, json-key
+ $h5: #eb6 !default;// tan, entity/function name
+ $h6: #ac3 !default;// green, string
+ $h7: #8db !default;// teal, escape character
+ $h8: #6ae !default;// blue, declaration, tag, property
+ $h9: #d6e !default;// purple, operators
+ $ha: 160% !default;// mark/highlight line
+ $result: $h0 $h1 $h2 $h3 $h4 $h5 $h6 $h7 $h8 $h9 $ha;
+ @return $result;
+ } @else {/// Light Syntax Colors
+ $h0: #f7f7f7 !default;// background color
+ $h1: #222 !default;// unstyled text
+ $h2: #666 !default;// comments
+ $h3: #a21 !default;// red, support function
+ $h4: #930 !default;// orange, punctuation, constant, variable, json-key
+ $h5: #a50 !default;// tan, entity/function name
+ $h6: #350 !default;// green, string
+ $h7: #286 !default;// teal, escape character
+ $h8: #059 !default;// blue, declaration, tag, property
+ $h9: #a3c !default;// purple, operators
+ $ha: 92% !default;// mark/highlight line
+ $result: $h0 $h1 $h2 $h3 $h4 $h5 $h6 $h7 $h8 $h9 $ha;
+ @return $result;
+ }
+ } @else if $color-syntax == "dracula" {//placeholder, this is actuall a copy of abridge syntax
+ @if $dark {/// Dark Syntax Colors
+ $h0: #191919 !default;// background color
+ $h1: #ddd !default;// unstyled text
+ $h2: #888 !default;// comments
+ $h3: #e65 !default;// red, support function
+ $h4: #e83 !default;// orange, punctuation, constant, variable, json-key
+ $h5: #eb6 !default;// tan, entity/function name
+ $h6: #ac3 !default;// green, string
+ $h7: #8db !default;// teal, escape character
+ $h8: #6ae !default;// blue, declaration, tag, property
+ $h9: #d6e !default;// purple, operators
+ $ha: 160% !default;// mark/highlight line
+ $result: $h0 $h1 $h2 $h3 $h4 $h5 $h6 $h7 $h8 $h9 $ha;
+ @return $result;
+ } @else {/// Light Syntax Colors
+ $h0: #f7f7f7 !default;// background color
+ $h1: #222 !default;// unstyled text
+ $h2: #666 !default;// comments
+ $h3: #a21 !default;// red, support function
+ $h4: #930 !default;// orange, punctuation, constant, variable, json-key
+ $h5: #a50 !default;// tan, entity/function name
+ $h6: #350 !default;// green, string
+ $h7: #286 !default;// teal, escape character
+ $h8: #059 !default;// blue, declaration, tag, property
+ $h9: #a3c !default;// purple, operators
+ $ha: 92% !default;// mark/highlight line
+ $result: $h0 $h1 $h2 $h3 $h4 $h5 $h6 $h7 $h8 $h9 $ha;
+ @return $result;
+ }
+ } @else {//abridge syntax colors (default)
+ @if $dark {/// Dark Syntax Colors
+ $h0: #191919 !default;// background color
+ $h1: #ddd !default;// unstyled text
+ $h2: #888 !default;// comments
+ $h3: #e65 !default;// red, support function
+ $h4: #e83 !default;// orange, punctuation, constant, variable, json-key
+ $h5: #eb6 !default;// tan, entity/function name
+ $h6: #ac3 !default;// green, string
+ $h7: #8db !default;// teal, escape character
+ $h8: #6ae !default;// blue, declaration, tag, property
+ $h9: #d6e !default;// purple, operators
+ $ha: 160% !default;// mark/highlight line
+ $result: $h0 $h1 $h2 $h3 $h4 $h5 $h6 $h7 $h8 $h9 $ha;
+ @return $result;
+ } @else {/// Light Syntax Colors
+ $h0: #f7f7f7 !default;// background color
+ $h1: #222 !default;// unstyled text
+ $h2: #666 !default;// comments
+ $h3: #a21 !default;// red, support function
+ $h4: #930 !default;// orange, punctuation, constant, variable, json-key
+ $h5: #a50 !default;// tan, entity/function name
+ $h6: #350 !default;// green, string
+ $h7: #286 !default;// teal, escape character
+ $h8: #059 !default;// blue, declaration, tag, property
+ $h9: #a3c !default;// purple, operators
+ $ha: 92% !default;// mark/highlight line
+ $result: $h0 $h1 $h2 $h3 $h4 $h5 $h6 $h7 $h8 $h9 $ha;
+ @return $result;
+ }
+ }
+}
diff --git a/sass/_colors.scss b/sass/_colors.scss
new file mode 100644
index 0000000..497919d
--- /dev/null
+++ b/sass/_colors.scss
@@ -0,0 +1,120 @@
+@mixin dark($f1,$f2,$c1,$c2,$c3,$c4,$a1,$a2,$a3,$cg,$cr) {
+ #{--f1}: $f1;// Font Color Primary
+ #{--f2}: $f2;// Font Color Headers
+ #{--c1}: $c1;// Background Color Primary
+ #{--c2}: $c2;// Background Color Secondary
+ #{--c3}: $c3;// Table Rows, Block quote edge, Borders
+ #{--c4}: $c4;// Disabled Buttons, Borders, mark background
+ #{--a1}: $a1;// link color
+ #{--a2}: $a2;// link hover/focus color
+ #{--a3}: $a3;// link h1-h2 hover/focus color
+ #{--cg}: $cg;// ins green, success
+ #{--cr}: $cr;// del red, errors
+}
+@mixin light($f1,$f2,$c1,$c2,$c3,$c4,$a1,$a2,$a3,$cg,$cr) {
+ #{--f1}: $f1;// Font Color Primary
+ #{--f2}: $f2;// Font Color Headers
+ #{--c1}: $c1;// Background Color Primary
+ #{--c2}: $c2;// Background Color Secondary
+ #{--c3}: $c3;// Table Rows, Block quote edge, Borders
+ #{--c4}: $c4;// Disabled Buttons, Borders, mark background
+ #{--a1}: $a1;// link color
+ #{--a2}: $a2;// link hover/focus color
+ #{--a3}: $a3;// link h1-h2 hover/focus color
+ #{--cg}: $cg;// ins green, success
+ #{--cr}: $cr;// del red, errors
+}
+
+@function color($color,$dark,$f1,$f2,$c1,$c2,$c3,$c4,$a1,$a2,$a3,$cg,$cr) {
+ @if $color == "blue" {
+ @if $dark {/// Dark Colors
+ $f1: #ccc !default;// Font Color Primary
+ $f2: #ddd !default;// Font Color Headers
+ $c1: #111 !default;// Background Color Primary
+ $c2: #222 !default;// Background Color Secondary
+ $c3: #333 !default;// Table Rows, Block quote edge, Borders
+ $c4: #777 !default;// Disabled Buttons, Borders, mark background
+ $a1: #09f !default;// link color
+ $a2: #0bf !default;// link hover/focus color
+ $a3: #0af !default;// link h1-h2 hover/focus color
+ $cg: #593 !default;// ins green, success
+ $cr: #e33 !default;// del red, errors
+ $result: $f1 $f2 $c1 $c2 $c3 $c4 $a1 $a2 $a3 $cg $cr;
+ @return $result;
+ } @else {/// Light Colors
+ $f1: #333 !default;// Font Color Primary
+ $f2: #222 !default;// Font Color Headers
+ $c1: #fff !default;// Background Color Primary
+ $c2: #eee !default;// Background Color Secondary
+ $c3: #ddd !default;// Table Rows, Block quote edge, Borders
+ $c4: #555 !default;// Disabled Buttons, Borders, mark background
+ $a1: #06e !default;// link color
+ $a2: #09f !default;// link hover/focus color
+ $a3: #07f !default;// link h1-h2 hover/focus color
+ $cg: #373 !default;// ins green, success
+ $cr: #d33 !default;// del red, errors
+ $result: $f1 $f2 $c1 $c2 $c3 $c4 $a1 $a2 $a3 $cg $cr;
+ @return $result;
+ }
+ } @else if $color == "blueshade" {
+ @if $dark {/// Dark Colors
+ $f1: #ccc !default;// Font Color Primary
+ $f2: #ddd !default;// Font Color Headers
+ $c1: #111 !default;// Background Color Primary
+ $c2: #123 !default;// Background Color Secondary
+ $c3: #345 !default;// Table Rows, Block quote edge, Borders
+ $c4: #789 !default;// Disabled Buttons, Borders, mark background
+ $a1: #09f !default;// link color
+ $a2: #0bf !default;// link hover/focus color
+ $a3: #0af !default;// link h1-h2 hover/focus color
+ $cg: #593 !default;// ins green, success
+ $cr: #e33 !default;// del red, errors
+ $result: $f1 $f2 $c1 $c2 $c3 $c4 $a1 $a2 $a3 $cg $cr;
+ @return $result;
+ } @else {/// Light Colors
+ $f1: #333 !default;// Font Color Primary
+ $f2: #222 !default;// Font Color Headers
+ $c1: #fff !default;// Background Color Primary
+ $c2: #def !default;// Background Color Secondary
+ $c3: #137 !default;// Table Rows, Block quote edge, Borders
+ $c4: #013 !default;// Disabled Buttons, Borders, mark background
+ $a1: #06e !default;// link color
+ $a2: #09f !default;// link hover/focus color
+ $a3: #07f !default;// link h1-h2 hover/focus color
+ $cg: #373 !default;// ins green, success
+ $cr: #d33 !default;// del red, errors
+ $result: $f1 $f2 $c1 $c2 $c3 $c4 $a1 $a2 $a3 $cg $cr;
+ @return $result;
+ }
+ } @else {//orange (default)
+ @if $dark {/// Dark Colors
+ $f1: #ccc !default;// Font Color Primary
+ $f2: #ddd !default;// Font Color Headers
+ $c1: #111 !default;// Background Color Primary
+ $c2: #222 !default;// Background Color Secondary
+ $c3: #333 !default;// Table Rows, Block quote edge, Borders
+ $c4: #777 !default;// Disabled Buttons, Borders, mark background
+ $a1: #f90 !default;// link color
+ $a2: #fb0 !default;// link hover/focus color
+ $a3: #f90 !default;// link h1-h2 hover/focus color
+ $cg: #593 !default;// ins green, success
+ $cr: #e33 !default;// del red, errors
+ $result: $f1 $f2 $c1 $c2 $c3 $c4 $a1 $a2 $a3 $cg $cr;
+ @return $result;
+ } @else {/// Light Colors
+ $f1: #333 !default;// Font Color Primary
+ $f2: #222 !default;// Font Color Headers
+ $c1: #fff !default;// Background Color Primary
+ $c2: #eee !default;// Background Color Secondary
+ $c3: #ddd !default;// Table Rows, Block quote edge, Borders
+ $c4: #555 !default;// Disabled Buttons, Borders, mark background
+ $a1: #c40 !default;// link color
+ $a2: #e60 !default;// link hover/focus color
+ $a3: #f90 !default;// link h1-h2 hover/focus color
+ $cg: #373 !default;// ins green, success
+ $cr: #d33 !default;// del red, errors
+ $result: $f1 $f2 $c1 $c2 $c3 $c4 $a1 $a2 $a3 $cg $cr;
+ @return $result;
+ }
+ }
+}
diff --git a/sass/abridge.scss b/sass/abridge.scss
index 3ffa404..f5e623e 100644
--- a/sass/abridge.scss
+++ b/sass/abridge.scss
@@ -2,6 +2,8 @@
@use "sass:list";
@use "functions";
+@use "colors";
+@use "colors-syntax";
/******************************************************************************
* Variables
@@ -16,13 +18,9 @@ $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
-$path: "colors/" !default;
$color: "orange" !default;// color template to use/override: orange, blue, blueshade
-@include meta.load-css(#{$path}#{$color});
-$spath: "colors-syntax/" !default;
$color-syntax: "abridge" !default;// syntax color template to use/override: abridge,
-@include meta.load-css(#{$spath}#{$color-syntax});
$syntax: true !default;//syntax highlighting for Code Blocks.
$enable-icons: true !default; // false disables ALL icons
@@ -76,60 +74,60 @@ $icon-moon: false !default;// dark moon
$icon-sun: false !default;// light sun
/// Dark Colors
-$f1d: #ccc !default;// Font Color Primary
-$f2d: #ddd !default;// Font Color Headers
-$c1d: #111 !default;// Background Color Primary
-$c2d: #222 !default;// Background Color Secondary
-$c3d: #333 !default;// Table Rows, Block quote edge, Borders
-$c4d: #777 !default;// Disabled Buttons, Borders, mark background
-$a1d: #f90 !default;// link color
-$a2d: #fb0 !default;// link hover/focus color
-$a3d: #f90 !default;// link h1-h2 hover/focus color
-$cgd: #593 !default;// ins green, success
-$crd: #e33 !default;// del red, errors
-$dark: $f1d $f2d $c1d $c2d $c3d $c4d $a1d $a2d $a3d $cgd $crd;
+$f1d: null !default;// Font Color Primary
+$f2d: null !default;// Font Color Headers
+$c1d: null !default;// Background Color Primary
+$c2d: null !default;// Background Color Secondary
+$c3d: null !default;// Table Rows, Block quote edge, Borders
+$c4d: null !default;// Disabled Buttons, Borders, mark background
+$a1d: null !default;// link color
+$a2d: null !default;// link hover/focus color
+$a3d: null !default;// link h1-h2 hover/focus color
+$cgd: null !default;// ins green, success
+$crd: null !default;// del red, errors
+$dark: colors.color($color,true,$f1d,$f2d,$c1d,$c2d,$c3d,$c4d,$a1d,$a2d,$a3d,$cgd,$crd);
/// Light Colors
-$f1: #333 !default;// Font Color Primary
-$f2: #222 !default;// Font Color Headers
-$c1: #fff !default;// Background Color Primary
-$c2: #eee !default;// Background Color Secondary
-$c3: #ddd !default;// Table Rows, Block quote edge, Borders
-$c4: #555 !default;// Disabled Buttons, Borders, mark background
-$a1: #c40 !default;// link color
-$a2: #e60 !default;// link hover/focus color
-$a3: #f90 !default;// link h1-h2 hover/focus color
-$cg: #373 !default;// ins green, success
-$cr: #d33 !default;// del red, errors
-$light: $f1 $f2 $c1 $c2 $c3 $c4 $a1 $a2 $a3 $cg $cr;
+$f1: null !default;// Font Color Primary
+$f2: null !default;// Font Color Headers
+$c1: null !default;// Background Color Primary
+$c2: null !default;// Background Color Secondary
+$c3: null !default;// Table Rows, Block quote edge, Borders
+$c4: null !default;// Disabled Buttons, Borders, mark background
+$a1: null !default;// link color
+$a2: null !default;// link hover/focus color
+$a3: null !default;// link h1-h2 hover/focus color
+$cg: null !default;// ins green, success
+$cr: null !default;// del red, errors
+$light: colors.color($color,false,$f1,$f2,$c1,$c2,$c3,$c4,$a1,$a2,$a3,$cg,$cr);
/// Dark Syntax Colors
-$h0d: #191919 !default;// background color
-$h1d: #ddd !default;// unstyled text
-$h2d: #888 !default;// comments
-$h3d: #e65 !default;// red, support function
-$h4d: #e83 !default;// orange, punctuation, constant, variable, json-key
-$h5d: #eb6 !default;// tan, entity/function name
-$h6d: #ac3 !default;// green, string
-$h7d: #8db !default;// teal, escape character
-$h8d: #6ae !default;// blue, declaration, tag, property
-$h9d: #d6e !default;// purple, operators
-$had: 160% !default;// mark/highlight line
-$syntax-dark: $h0d $h1d $h2d $h3d $h4d $h5d $h6d $h7d $h8d $h9d $had;
+$h0d: null !default;// background color
+$h1d: null !default;// unstyled text
+$h2d: null !default;// comments
+$h3d: null !default;// red, support function
+$h4d: null !default;// orange, punctuation, constant, variable, json-key
+$h5d: null !default;// tan, entity/function name
+$h6d: null !default;// green, string
+$h7d: null !default;// teal, escape character
+$h8d: null !default;// blue, declaration, tag, property
+$h9d: null !default;// purple, operators
+$had: null !default;// mark/highlight line
+$syntax-dark: colors-syntax.color($color-syntax,true,$h0d,$h1d,$h2d,$h3d,$h4d,$h5d,$h6d,$h7d,$h8d,$h9d,$had);
/// Light Syntax Colors
-$h0: #f7f7f7 !default;// background color
-$h1: #222 !default;// unstyled text
-$h2: #666 !default;// comments
-$h3: #a21 !default;// red, support function
-$h4: #930 !default;// orange, punctuation, constant, variable, json-key
-$h5: #a50 !default;// tan, entity/function name
-$h6: #350 !default;// green, string
-$h7: #286 !default;// teal, escape character
-$h8: #059 !default;// blue, declaration, tag, property
-$h9: #a3c !default;// purple, operators
-$ha: 92% !default;// mark/highlight line
-$syntax-light: $h0 $h1 $h2 $h3 $h4 $h5 $h6 $h7 $h8 $h9 $ha;
+$h0: null !default;// background colorq
+$h1: null !default;// unstyled text
+$h2: null !default;// comments
+$h3: null !default;// red, support function
+$h4: null !default;// orange, punctuation, constant, variable, json-key
+$h5: null !default;// tan, entity/function name
+$h6: null !default;// green, string
+$h7: null !default;// teal, escape character
+$h8: null !default;// blue, declaration, tag, property
+$h9: null !default;// purple, operators
+$ha: null !default;// mark/highlight line
+$syntax-light: colors-syntax.color($color-syntax,false,$h0,$h1,$h2,$h3,$h4,$h5,$h6,$h7,$h8,$h9,$ha);
/// These lines find the spot at which to insert your appended fonts.
//$findFont-Main : "Segoe UI"; // ← append custom MAIN font(s) AFTER this
@@ -294,21 +292,21 @@ $syntax: true !default;//syntax highlighting for code blocks
:root {
@include font;
@include root;
- @include dark($dark...);
+ @include colors.dark($dark...);
@if $syntax {
@if $syntax-mode == "light" {
- @include synlight($syntax-light...);
+ @include colors-syntax.synlight($syntax-light...);
} @else {
- @include syndark($syntax-dark...);
+ @include colors-syntax.syndark($syntax-dark...);
}
}
}
@media (prefers-color-scheme: light) {
:root {
- @include light($light...);
+ @include colors.light($light...);
@if $syntax {
@if $syntax-mode == "auto" {
- @include synlight($syntax-light...);
+ @include colors-syntax.synlight($syntax-light...);
}
}
}
@@ -317,18 +315,18 @@ $syntax: true !default;//syntax highlighting for code blocks
:root {
@include font;
@include root;
- @include dark($dark...);
+ @include colors.dark($dark...);
@if $syntax {
- @include syndark($syntax-dark...);
+ @include colors-syntax.syndark($syntax-dark...);
}
}
} @else if $abridgeMode == "light" {
:root {
@include font;
@include root;
- @include light($light...);
+ @include colors.light($light...);
@if $syntax {
- @include synlight($syntax-light...);
+ @include colors-syntax.synlight($syntax-light...);
}
}
} @else {//switcher (default)
@@ -337,25 +335,25 @@ $syntax: true !default;//syntax highlighting for code blocks
@include root;
@if $syntax {
@if $syntax-mode == "light" {
- @include synlight($syntax-light...);
+ @include colors-syntax.synlight($syntax-light...);
} @else if $syntax-mode == "dark" {
- @include syndark($syntax-dark...);
+ @include colors-syntax.syndark($syntax-dark...);
}
}
}
:root:not(.light) {
- @include dark($dark...);
+ @include colors.dark($dark...);
@if $syntax {
@if $syntax-mode == "auto" {
- @include syndark($syntax-dark...);
+ @include colors-syntax.syndark($syntax-dark...);
}
}
}
:root.light {
- @include light($light...);
+ @include colors.light($light...);
@if $syntax {
@if $syntax-mode == "auto" {
- @include synlight($syntax-light...);
+ @include colors-syntax.synlight($syntax-light...);
}
}
}
diff --git a/sass/colors-syntax/_abridge.scss b/sass/colors-syntax/_abridge.scss
deleted file mode 100644
index 3f37726..0000000
--- a/sass/colors-syntax/_abridge.scss
+++ /dev/null
@@ -1,51 +0,0 @@
-// Syntax Highlighting
-@mixin syndark(
- $h0: #191919,
- $h1: #ddd,
- $h2: #888,
- $h3: #e65,
- $h4: #e83,
- $h5: #eb6,
- $h6: #ac3,
- $h7: #8db,
- $h8: #6ae,
- $h9: #d6e,
- $ha: 160%
-) {
- #{--h0}: $h0;// background color
- #{--h1}: $h1;// unstyled text
- #{--h2}: $h2;// comments
- #{--h3}: $h3;// red, support function
- #{--h4}: $h4;// orange, punctuation, constant, variable, json-key
- #{--h5}: $h5;// tan, entity/function name
- #{--h6}: $h6;// green, string
- #{--h7}: $h7;// teal, escape character
- #{--h8}: $h8;// blue, declaration, tag, property
- #{--h9}: $h9;// purple, operators
- #{--ha}: $ha;// mark/highlight line
-}
-@mixin synlight(
- $h0: #f7f7f7,
- $h1: #222,
- $h2: #666,
- $h3: #a21,
- $h4: #930,
- $h5: #a50,
- $h6: #350,
- $h7: #286,
- $h8: #059,
- $h9: #a3c,
- $ha: 92%
-) {
- #{--h0}: $h0;// background color
- #{--h1}: $h1;// unstyled text
- #{--h2}: $h2;// comments
- #{--h3}: $h3;// red, support function
- #{--h4}: $h4;// orange, punctuation, constant, variable, json-key
- #{--h5}: $h5;// tan, entity/function name
- #{--h6}: $h6;// green, string
- #{--h7}: $h7;// teal, escape character
- #{--h8}: $h8;// blue, declaration, tag, property
- #{--h9}: $h9;// purple, operators
- #{--ha}: $ha;// mark/highlight line
-}
diff --git a/sass/colors/_blue.scss b/sass/colors/_blue.scss
deleted file mode 100644
index 3a79074..0000000
--- a/sass/colors/_blue.scss
+++ /dev/null
@@ -1,50 +0,0 @@
-@mixin dark(
- $f1: #ccc,
- $f2: #ddd,
- $c1: #111,
- $c2: #222,
- $c3: #333,
- $c4: #888,
- $a1: #09f,
- $a2: #0bf,
- $a3: #0af,
- $cg: #593,
- $cr: #e33
-) {
- #{--f1}: $f1;// Font Color Primary
- #{--f2}: $f2;// Font Color Headers
- #{--c1}: $c1;// Background Color Primary
- #{--c2}: $c2;// Background Color Secondary
- #{--c3}: $c3;// Table Rows, Block quote edge, Borders
- #{--c4}: $c4;// Disabled Buttons, Borders, mark background
- #{--a1}: $a1;// link color
- #{--a2}: $a2;// link hover/focus color
- #{--a3}: $a3;// link h1-h2 hover/focus color
- #{--cg}: $cg;// ins green, success
- #{--cr}: $cr;// del red, errors
-}
-@mixin light(
- $f1: #333,
- $f2: #222,
- $c1: #fff,
- $c2: #eee,
- $c3: #ddd,
- $c4: #555,
- $a1: #06e,
- $a2: #09f,
- $a3: #07f,
- $cg: #373,
- $cr: #d33
-) {
- #{--f1}: $f1;// Font Color Primary
- #{--f2}: $f2;// Font Color Headers
- #{--c1}: $c1;// Background Color Primary
- #{--c2}: $c2;// Background Color Secondary
- #{--c3}: $c3;// Table Rows, Block quote edge, Borders
- #{--c4}: $c4;// Disabled Buttons, Borders, mark background
- #{--a1}: $a1;// link color
- #{--a2}: $a2;// link hover/focus color
- #{--a3}: $a3;// link h1-h2 hover/focus color
- #{--cg}: $cg;// ins green, success
- #{--cr}: $cr;// del red, errors
-}
diff --git a/sass/colors/_blueshade.scss b/sass/colors/_blueshade.scss
deleted file mode 100644
index 2bb7355..0000000
--- a/sass/colors/_blueshade.scss
+++ /dev/null
@@ -1,50 +0,0 @@
-@mixin dark(
- $f1: #ccc,
- $f2: #ddd,
- $c1: #111,
- $c2: #123,
- $c3: #345,
- $c4: #789,
- $a1: #09f,
- $a2: #0bf,
- $a3: #0af,
- $cg: #593,
- $cr: #e33
-) {
- #{--f1}: $f1;// Font Color Primary
- #{--f2}: $f2;// Font Color Headers
- #{--c1}: $c1;// Background Color Primary
- #{--c2}: $c2;// Background Color Secondary
- #{--c3}: $c3;// Table Rows, Block quote edge, Borders
- #{--c4}: $c4;// Disabled Buttons, Borders, mark background
- #{--a1}: $a1;// link color
- #{--a2}: $a2;// link hover/focus color
- #{--a3}: $a3;// link h1-h2 hover/focus color
- #{--cg}: $cg;// ins green, success
- #{--cr}: $cr;// del red, errors
-}
-@mixin light(
- $f1: #333,
- $f2: #222,
- $c1: #fff,
- $c2: #def,
- $c3: #137,
- $c4: #013,
- $a1: #06e,
- $a2: #09f,
- $a3: #07f,
- $cg: #373,
- $cr: #d33
-) {
- #{--f1}: $f1;// Font Color Primary
- #{--f2}: $f2;// Font Color Headers
- #{--c1}: $c1;// Background Color Primary
- #{--c2}: $c2;// Background Color Secondary
- #{--c3}: $c3;// Table Rows, Block quote edge, Borders
- #{--c4}: $c4;// Disabled Buttons, Borders, mark background
- #{--a1}: $a1;// link color
- #{--a2}: $a2;// link hover/focus color
- #{--a3}: $a3;// link h1-h2 hover/focus color
- #{--cg}: $cg;// ins green, success
- #{--cr}: $cr;// del red, errors
-}
diff --git a/sass/colors/_orange.scss b/sass/colors/_orange.scss
deleted file mode 100644
index 635da31..0000000
--- a/sass/colors/_orange.scss
+++ /dev/null
@@ -1,50 +0,0 @@
-@mixin dark(
- $f1: #ccc,
- $f2: #ddd,
- $c1: #111,
- $c2: #222,
- $c3: #333,
- $c4: #888,
- $a1: #f90,
- $a2: #fb0,
- $a3: #f90,
- $cg: #593,
- $cr: #e33
-) {
- #{--f1}: $f1;// Font Color Primary
- #{--f2}: $f2;// Font Color Headers
- #{--c1}: $c1;// Background Color Primary
- #{--c2}: $c2;// Background Color Secondary
- #{--c3}: $c3;// Table Rows, Block quote edge, Borders
- #{--c4}: $c4;// Disabled Buttons, Borders, mark background
- #{--a1}: $a1;// link color
- #{--a2}: $a2;// link hover/focus color
- #{--a3}: $a3;// link h1-h2 hover/focus color
- #{--cg}: $cg;// ins green, success
- #{--cr}: $cr;// del red, errors
-}
-@mixin light(
- $f1: #333,
- $f2: #222,
- $c1: #fff,
- $c2: #eee,
- $c3: #ddd,
- $c4: #555,
- $a1: #c40,
- $a2: #e60,
- $a3: #f90,
- $cg: #373,
- $cr: #d33
-) {
- #{--f1}: $f1;// Font Color Primary
- #{--f2}: $f2;// Font Color Headers
- #{--c1}: $c1;// Background Color Primary
- #{--c2}: $c2;// Background Color Secondary
- #{--c3}: $c3;// Table Rows, Block quote edge, Borders
- #{--c4}: $c4;// Disabled Buttons, Borders, mark background
- #{--a1}: $a1;// link color
- #{--a2}: $a2;// link hover/focus color
- #{--a3}: $a3;// link h1-h2 hover/focus color
- #{--cg}: $cg;// ins green, success
- #{--cr}: $cr;// del red, errors
-}
generated by cgit v1.3.1 (git 2.54.0) at 2026-11-08 15:06:27 +0000