Optimizations and Fixes

3 files changed, 150 insertions, 0 deletions

diff --git a/sass/colors/_blue.scss b/sass/colors/_blue.scss
new file mode 100644
index 0000000..3a79074
--- /dev/null
+++ b/sass/colors/_blue.scss
@@ -0,0 +1,50 @@
+@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
new file mode 100644
index 0000000..2bb7355
--- /dev/null
+++ b/sass/colors/_blueshade.scss
@@ -0,0 +1,50 @@
+@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
new file mode 100644
index 0000000..635da31
--- /dev/null
+++ b/sass/colors/_orange.scss
@@ -0,0 +1,50 @@
+@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
+}