From 71d977d49afbf93e0c736815e36d59664991fa18 Mon Sep 17 00:00:00 2001
From: Jieiku
Date: Mon, 22 May 2023 22:36:03 -0700
Subject: Color Mixins Update

---
 sass/colors/_blue.scss      | 26 ++++++++++++++++++++++++++
 sass/colors/_blueshade.scss | 26 ++++++++++++++++++++++++++
 sass/colors/_orange.scss    | 26 ++++++++++++++++++++++++++
 3 files changed, 78 insertions(+)
 create mode 100644 sass/colors/_blue.scss
 create mode 100644 sass/colors/_blueshade.scss
 create mode 100644 sass/colors/_orange.scss

(limited to 'sass/colors')

diff --git a/sass/colors/_blue.scss b/sass/colors/_blue.scss
new file mode 100644
index 0000000..085b038
--- /dev/null
+++ b/sass/colors/_blue.scss
@@ -0,0 +1,26 @@
+@mixin dark {
+  --f1: #ccc;// Font Color Primary (ccc)
+  --f2: #ddd;// Font color Headers (ddd)
+  --c1: #111;// Background Color Primary (111)
+  --c2: #222;// Background Color Secondary (222)
+  --c3: #333;// Table Rows, Block quote edge, Borders (333)
+  --c4: #888;// Disabled Buttons, Borders, mark background (888)
+  --a1: #09f;// link color (09f)
+  --a2: #0bf;// link hover/focus color (0bf)
+  --a3: #0af;// link h1-h2 hover/focus color (0af)
+  --cg: #593;// ins green, success (593)
+  --cr: #e33;// del red, errors (e33)
+}
+@mixin light {
+  --f1: #444;// Font Color Primary (444)
+  --f2: #333;// Font color Headers (333)
+  --c1: #fff;// Background Color Primary (fff)
+  --c2: #eee;// Background Color Secondary (eee)
+  --c3: #ddd;// Table Rows, Block quote edge, Borders (ddd)
+  --c4: #677;// Disabled Buttons, Borders, mark background (677)
+  --a1: #06e;// link color (06e)
+  --a2: #09f;// link hover/focus color (09f)
+  --a3: #07f;// link h1-h2 hover/focus color (07f)
+  --cg: #373;// ins green, success (373)
+  --cr: #d33;// del red, errors (d33)
+}
diff --git a/sass/colors/_blueshade.scss b/sass/colors/_blueshade.scss
new file mode 100644
index 0000000..b3d82e7
--- /dev/null
+++ b/sass/colors/_blueshade.scss
@@ -0,0 +1,26 @@
+@mixin dark {
+  --f1: #ccc;// Font Color Primary (ccc)
+  --f2: #ddd;// Font color Headers (ddd)
+  --c1: #111;// Background Color Primary (111)
+  --c2: #123;// Background Color Secondary (123)
+  --c3: #345;// Table Rows, Block quote edge, Borders (345)
+  --c4: #789;// Disabled Buttons, Borders, mark background (789)
+  --a1: #09f;// link color (09f)
+  --a2: #0bf;// link hover/focus color (0bf)
+  --a3: #0af;// link h1-h2 hover/focus color (0af)
+  --cg: #593;// ins green, success (593)
+  --cr: #e33;// del red, errors (e33)
+}
+@mixin light {
+  --f1: #444;// Font Color Primary (444)
+  --f2: #333;// Font color Headers (333)
+  --c1: #fff;// Background Color Primary (fff)
+  --c2: #def;// Background Color Secondary (def)
+  --c3: #137;// Table Rows, Block quote edge, Borders (137)
+  --c4: #013;// Disabled Buttons, Borders, mark background (013)
+  --a1: #06e;// link color (06e)
+  --a2: #09f;// link hover/focus color (09f)
+  --a3: #07f;// link h1-h2 hover/focus color (07f)
+  --cg: #373;// ins green, success (373)
+  --cr: #d33;// del red, errors (d33)
+}
diff --git a/sass/colors/_orange.scss b/sass/colors/_orange.scss
new file mode 100644
index 0000000..66d3580
--- /dev/null
+++ b/sass/colors/_orange.scss
@@ -0,0 +1,26 @@
+@mixin dark {
+  --f1: #ccc;// Font Color Primary (ccc)
+  --f2: #ddd;// Font color Headers (ddd)
+  --c1: #111;// Background Color Primary (111)
+  --c2: #222;// Background Color Secondary (222)
+  --c3: #333;// Table Rows, Block quote edge, Borders (333)
+  --c4: #888;// Disabled Buttons, Borders, mark background (888)
+  --a1: #f90;// link color (f90)
+  --a2: #fb0;// link hover/focus color (fb0)
+  --a3: #f90;// link h1-h2 hover/focus color (f90)
+  --cg: #593;// ins green, success (593)
+  --cr: #e33;// del red, errors (e33)
+}
+@mixin light {
+  --f1: #444;// Font Color Primary (444)
+  --f2: #333;// Font color Headers (333)
+  --c1: #fff;// Background Color Primary (fff)
+  --c2: #eee;// Background Color Secondary (eee)
+  --c3: #ddd;// Table Rows, Block quote edge, Borders (ddd)
+  --c4: #677;// Disabled Buttons, Borders, mark background (677)
+  --a1: #c40;// link color (c40)
+  --a2: #e60;// link hover/focus color (e60)
+  --a3: #f90;// link h1-h2 hover/focus color (f90)
+  --cg: #373;// ins green, success (373)
+  --cr: #d33;// del red, errors (d33)
+}
-- 
cgit v1.3.1