1 files changed, 67 insertions, 0 deletions
diff --git a/sass/_colors.scss b/sass/_colors.scss
new file mode 100644
index 0000000..9729c0c
--- /dev/null
+++ b/sass/_colors.scss
@@ -0,0 +1,67 @@
+:root {
+    --color-primary: #356a22;
+    --color-on-primary: #ffffff;
+    --color-primary-container: #b5f399;
+    --color-on-primary-container: #052100;
+    --color-secondary: #55624c;
+    --color-on-secondary: #ffffff;
+    --color-secondary-container: #d8e7cb;
+    --color-on-secondary-container: #131f0d;
+    --color-tertiary: #386667;
+    --color-on-tertiary: #ffffff;
+    --color-tertiary-container: #bbebed;
+    --color-on-tertiary-container: #002021;
+    --color-error: #ba1a1a;
+    --color-error-container: #ffdad6;
+    --color-on-error: #ffffff;
+    --color-on-error-container: #410002;
+    --color-background: #fdfdf6;
+    --color-on-background: #1a1c18;
+    --color-surface: #fdfdf6;
+    --color-on-surface: #1a1c18;
+    --color-surface-variant: #dfe4d7;
+    --color-on-surface-variant: #43483f;
+    --color-outline: #73796e;
+    --color-inverse-on-surface: #f1f1ea;
+    --color-inverse-surface: #2f312d;
+    --color-inverse-primary: #9ad680;
+    --color-shadow: #000000;
+    --color-surface-tint: #356a22;
+    --color-outline-variant: #c3c8bb;
+    --color-scrim: #000000;
+}
+
+@media (prefers-color-scheme: dark) {
+:root {
+    --color-primary: #9ad680;
+    --color-on-primary: #0c3900;
+    --color-primary-container: #1d5209;
+    --color-on-primary-container: #b5f399;
+    --color-secondary: #bccbb0;
+    --color-on-secondary: #273421;
+    --color-secondary-container: #3d4b36;
+    --color-on-secondary-container: #d8e7cb;
+    --color-tertiary: #a0cfd0;
+    --color-on-tertiary: #003738;
+    --color-tertiary-container: #1e4e4f;
+    --color-on-tertiary-container: #bbebed;
+    --color-error: #ffb4ab;
+    --color-error-container: #93000a;
+    --color-on-error: #690005;
+    --color-on-error-container: #ffdad6;
+    --color-background: #1a1c18;
+    --color-on-background: #e3e3dc;
+    --color-surface: #1a1c18;
+    --color-on-surface: #e3e3dc;
+    --color-surface-variant: #43483f;
+    --color-on-surface-variant: #c3c8bb;
+    --color-outline: #8d9387;
+    --color-inverse-on-surface: #1a1c18;
+    --color-inverse-surface: #e3e3dc;
+    --color-inverse-primary: #356a22;
+    --color-shadow: #000000;
+    --color-surface-tint: #9ad680;
+    --color-outline-variant: #43483f;
+    --color-scrim: #000000;
+}}
+