work in progress

src/scss/ehui.scss

@@ -1,4 +1,11 @@
-@use "./components.scss";
+$bg0: #1e1e2e !default;
+$bg1: #1e1e2e !default;
+$bg2: #1e1e2e !default;
+$bg3: #1e1e2e !default;
+$fg0: #1e1e2e !default;
+$fg1: #1e1e2e !default;
+$fg2: #1e1e2e !default;
+
+@use "./elements.scss";
 @use "./layouts.scss";
 @use "./utils.scss";
-/* e */

src/scss/components.scss → src/scss/elements.scss

@@ -5,29 +5,6 @@
   https://ehui.ehan.dev/LICENSE.txt
 */
 
-html {
-  height: auto;
-  font-size: 18px;
-  scroll-behavior: smooth;
-}
-
-@media only screen and (max-width: 800px) {
-  html {
-    font-size: 16px;
-  }
-}
-
-body {
-  height: auto;
-  background-color: var(--bg1);
-  color: var(--fg);
-  font-size: 1rem;
-  line-height: 1.4;
-  font-family: sans-serif;
-  font-weight: normal;
-  margin: 0px;
-}
-
 ::selection {
   background-color: var(--primaryAlt);
   color: var(--bg1);

src/scss/themes/catppuccin.scss

@@ -0,0 +1,31 @@
+$mocha-rosewater: #f5e0dc;
+$mocha-flamingo: #f2cdcd;
+$mocha-pink: #f5c2e7;
+$mocha-mauve: #cba6f7;
+$mocha-red: #f38ba8;
+$mocha-maroon: #eba0ac;
+$mocha-peach: #fab387;
+$mocha-yellow: #f9e2af;
+$mocha-green: #a6e3a1;
+$mocha-teal: #94e2d5;
+$mocha-sky: #89dceb;
+$mocha-sapphire: #74c7ec;
+$mocha-blue: #89b4fa;
+$mocha-lavender: #b4befe;
+$mocha-text: #cdd6f4;
+$mocha-subtext1: #bac2de;
+$mocha-subtext0: #a6adc8;
+$mocha-overlay2: #9399b2;
+$mocha-overlay1: #7f849c;
+$mocha-overlay0: #6c7086;
+$mocha-surface2: #585b70;
+$mocha-surface1: #45475a;
+$mocha-surface0: #313244;
+$mocha-base: #1e1e2e;
+$mocha-mantle: #181825;
+$mocha-crust: #11111b;
+
+@use "../ehui.scss" with (
+    $bg0: $crust,
+    $bg1: $base
+)