adding readme

css/base/_index.scss

@@ -0,0 +1,2 @@
+@use "tailwind";
+@use "themes/index";

css/base/_tailwind.scss

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

css/base/themes/_dark.scss

@@ -0,0 +1,24 @@
+@layer  base {
+
+  @media (prefers-color-scheme: dark) {
+    :root {
+      --color-bkg: 2 6 23;
+      --color-content: 243 244 246;
+
+    }
+  }
+
+  body[data-theme="dark"] {
+    --color-bkg: 2 6 23;
+    --color-content: 243 244 246;
+
+    --color-theme-btn-active-bg: 229 231 235;
+    --color-theme-btn-active-text: 30 41 59;
+    --color-theme-btn-active-border: 156 163 175;
+
+    --color-theme-btn-bg: 87 83 78;
+    --color-theme-btn-text: 244 244 245;
+    --color-theme-btn-border: 214 211 209;
+  }
+
+}

css/base/themes/_index.scss

@@ -0,0 +1,2 @@
+@use "light";
+@use "dark";

css/base/themes/_light.scss

@@ -0,0 +1,30 @@
+@layer  base {
+
+  :root {
+    --color-bkg: 226 232 240;
+    --color-content: 39 39 42;
+
+    --color-theme-btn-bg: 229 231 235;
+    --color-theme-btn-text: 30 41 59;
+    --color-theme-btn-border: 156 163 175;
+
+    --color-theme-btn-active-bg: 87 83 78;
+    --color-theme-btn-active-text: 244 244 245;
+    --color-theme-btn-active-border: 214 211 209;
+
+  }
+
+  body[data-theme="light"] {
+    --color-bkg: 226 232 240;
+    --color-content: 39 39 42;
+
+    --color-theme-btn-bg: 229 231 235;
+    --color-theme-btn-text: 30 41 59;
+    --color-theme-btn-border: 156 163 175;
+
+    --color-theme-btn-active-bg: 87 83 78;
+    --color-theme-btn-active-text: 244 244 245;
+    --color-theme-btn-active-border: 214 211 209;
+  }
+
+}