4 files changed, 103 insertions, 0 deletions
diff --git a/sass/skins/_auto.scss b/sass/skins/_auto.scss
new file mode 100644
index 0000000..7c6109a
--- /dev/null
+++ b/sass/skins/_auto.scss
@@ -0,0 +1,37 @@
+:root {
+  // Regular Fonts used by default:
+  --ff: system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Cantarell, "Noto Sans", sans-serif;
+  // Monospace Fonts used for code:
+  --fm: Menlo, Consolas, "Roboto Mono", "Ubuntu Monospace", "Noto Mono", "Oxygen Mono", "Liberation Mono", monospace;
+
+  // Colors
+  --f1: #555; //font color 1
+  --f2: #333; //font color 2
+
+  --c1: #fff; //color 1
+  --c2: #eee; //color 2
+  --c3: #ddd; //color 3
+  --c4: #777; //color 4
+
+  --a1: #c40; //accent color 1 link
+  --a2: #e60; //accent color 2 hover,focus
+  --a3: #e60; //accent color 3 h1-h2 hover,focus
+
+  --cg: #483; //ins green
+  --cr: #d33; //del red
+}
+@media (prefers-color-scheme: dark) {
+  :root {
+    --f1: #ccc; //font color 1
+    --f2: #ddd; //font color 2
+
+    --c1: #111; //color 1
+    --c2: #222; //color 2
+    --c3: #333; //color 3
+    --c4: #888; //color 4
+
+    --a1: #f90; //accent color 1 link
+    --a2: #fb0; //accent color 2 hover,focus
+    --a3: #fb0; //accent color 3 h1-h2 hover,focus
+    }
+}
diff --git a/sass/skins/_bluelight.scss b/sass/skins/_bluelight.scss
new file mode 100644
index 0000000..1b01b8f
--- /dev/null
+++ b/sass/skins/_bluelight.scss
@@ -0,0 +1,22 @@
+:root {
+    // Regular Fonts used by default:
+    --ff: system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Cantarell, "Noto Sans", sans-serif;
+    // Monospace Fonts used for code:
+    --fm: Menlo, Consolas, "Roboto Mono", "Ubuntu Monospace", "Noto Mono", "Oxygen Mono", "Liberation Mono", monospace;
+
+    // Colors
+    --f1: #1a1a1a; //font color 1
+    --f2: #1a2050; //font color 2
+
+    --c1: #fafafa; //color 1
+    --c2: #cae1f0; //color 2
+    --c3: #062671; //color 3
+    --c4: #03143c; //color 4
+
+    --a1: #1b549a; //accent color 1 link
+    --a2: #2a50a0; //accent color 2 hover,focus
+    --a3: #3a50a0; //accent color 3 h1-h2 hover,focus
+
+    --cg: #483; //ins green
+    --cr: #d33; //del red
+}
diff --git a/sass/skins/_dark.scss b/sass/skins/_dark.scss
new file mode 100644
index 0000000..9c4519b
--- /dev/null
+++ b/sass/skins/_dark.scss
@@ -0,0 +1,22 @@
+:root {
+  // Regular Fonts used by default:
+  --ff: system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Cantarell, "Noto Sans", sans-serif;
+  // Monospace Fonts used for code:
+  --fm: Menlo, Consolas, "Roboto Mono", "Ubuntu Monospace", "Noto Mono", "Oxygen Mono", "Liberation Mono", monospace;
+
+  // Colors
+  --f1: #ccc; //font color 1
+  --f2: #ddd; //font color 2
+
+  --c1: #111; //color 1
+  --c2: #222; //color 2
+  --c3: #333; //color 3
+  --c4: #888; //color 4
+
+  --a1: #f90; //accent color 1 link
+  --a2: #fb0; //accent color 2 hover,focus
+  --a3: #fb0; //accent color 3 h1-h2 hover,focus
+
+  --cg: #483; //ins green
+  --cr: #d33; //del red
+}
diff --git a/sass/skins/_light.scss b/sass/skins/_light.scss
new file mode 100644
index 0000000..0a51439
--- /dev/null
+++ b/sass/skins/_light.scss
@@ -0,0 +1,22 @@
+:root {
+  // Regular Fonts used by default:
+  --ff: system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Cantarell, "Noto Sans", sans-serif;
+  // Monospace Fonts used for code:
+  --fm: Menlo, Consolas, "Roboto Mono", "Ubuntu Monospace", "Noto Mono", "Oxygen Mono", "Liberation Mono", monospace;
+
+  // Colors
+  --f1: #555; //font color 1
+  --f2: #333; //font color 2
+
+  --c1: #fff; //color 1
+  --c2: #eee; //color 2
+  --c3: #ddd; //color 3
+  --c4: #777; //color 4
+
+  --a1: #c40; //accent color 1 link
+  --a2: #e60; //accent color 2 hover,focus
+  --a3: #e60; //accent color 3 h1-h2 hover,focus
+
+  --cg: #483; //ins green
+  --cr: #d33; //del red
+}