From aad2da3b2269df010bc2449c4aebaef6e5531050 Mon Sep 17 00:00:00 2001
From: Janis Hutz <development@janishutz.com>
Date: Sat, 23 Aug 2025 07:16:43 +0200
Subject: [PATCH] More scss config

---
 site/src/scss/main.scss                  |  4 +++
 site/src/scss/{ => parts}/analytics.scss |  0
 site/src/scss/parts/footer.scss          |  0
 site/src/scss/parts/nav.scss             |  0
 site/src/scss/util/_buttons.scss         |  0
 site/src/scss/util/_theme.scss           | 36 ++++++++++++++++++++++++
 site/src/scss/util/_toggle.scss          |  0
 site/src/scss/util/css-loader.css        |  2 ++
 8 files changed, 42 insertions(+)
 create mode 100644 site/src/scss/main.scss
 rename site/src/scss/{ => parts}/analytics.scss (100%)
 create mode 100644 site/src/scss/parts/footer.scss
 create mode 100644 site/src/scss/parts/nav.scss
 create mode 100644 site/src/scss/util/_buttons.scss
 create mode 100644 site/src/scss/util/_theme.scss
 create mode 100644 site/src/scss/util/_toggle.scss
 create mode 100644 site/src/scss/util/css-loader.css

diff --git a/site/src/scss/main.scss b/site/src/scss/main.scss
new file mode 100644
index 0000000..f15ec2d
--- /dev/null
+++ b/site/src/scss/main.scss
@@ -0,0 +1,4 @@
+@forward './util/css-loader.css';
+@forward './parts/nav.scss';
+@forward './parts/footer.scss';
+@use './util/theme';
diff --git a/site/src/scss/analytics.scss b/site/src/scss/parts/analytics.scss
similarity index 100%
rename from site/src/scss/analytics.scss
rename to site/src/scss/parts/analytics.scss
diff --git a/site/src/scss/parts/footer.scss b/site/src/scss/parts/footer.scss
new file mode 100644
index 0000000..e69de29
diff --git a/site/src/scss/parts/nav.scss b/site/src/scss/parts/nav.scss
new file mode 100644
index 0000000..e69de29
diff --git a/site/src/scss/util/_buttons.scss b/site/src/scss/util/_buttons.scss
new file mode 100644
index 0000000..e69de29
diff --git a/site/src/scss/util/_theme.scss b/site/src/scss/util/_theme.scss
new file mode 100644
index 0000000..005023d
--- /dev/null
+++ b/site/src/scss/util/_theme.scss
@@ -0,0 +1,36 @@
+$theme-light: (
+    text-primary: black,
+    text-accent: #303030,
+    link: #1e24a1ff,
+    bg-primary: white,
+    bg-accent: rgb(226, 226, 226),
+    bg-analytics: rgb(193, 193, 223),
+    bg-yt-embed: rgb(173, 173, 173),
+    slider-info: rgba(255, 255, 255, 0.85),
+    button: rgb(21, 43, 92),
+    button-hover: rgb(2, 10, 27),
+);
+
+$theme-dark: (
+    text-primary: white,
+    text-accent: #b5b5b5,
+    link: #005aacff,
+    bg-primary: #151515,
+    bg-accent: black,
+    bg-analytics: #303030,
+    bg-yt-embed: #404040,
+    slider-info: rgba(0, 0, 0, 0.85),
+    button: rgb(20, 150, 200),
+    button-hover: rgb(15, 125, 175),
+);
+
+$PI: 3.14159265358979;
+
+
+@mixin gen-theme ($selector, $theme) {
+  #{$selector} {
+    @each $var, $value in $theme {
+      color-#{$var}: #{$value};
+    }
+  }
+}
diff --git a/site/src/scss/util/_toggle.scss b/site/src/scss/util/_toggle.scss
new file mode 100644
index 0000000..e69de29
diff --git a/site/src/scss/util/css-loader.css b/site/src/scss/util/css-loader.css
new file mode 100644
index 0000000..cc1b9dd
--- /dev/null
+++ b/site/src/scss/util/css-loader.css
@@ -0,0 +1,2 @@
+@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200');