initial commit

Base appearance of the website is done, now onto adding features

assets/styles/_theme.less

@@ -0,0 +1,135 @@
+@layer base {
+  :root {
+    --text: #070904;
+    --text-50: #f3f7ed;
+    --text-100: #e7efdc;
+    --text-200: #d0dfb9;
+    --text-300: #b8d095;
+    --text-400: #a1c072;
+    --text-500: #89b04f;
+    --text-600: #6e8d3f;
+    --text-700: #526a2f;
+    --text-800: #374620;
+    --text-900: #1b2310;
+    --text-950: #0e1208;
+
+    --background: #fafcf8;
+    --background-50: #f2f7ed;
+    --background-100: #e6f0db;
+    --background-200: #cce0b8;
+    --background-300: #b3d194;
+    --background-400: #99c270;
+    --background-500: #80b34d;
+    --background-600: #668f3d;
+    --background-700: #4d6b2e;
+    --background-800: #33471f;
+    --background-900: #1a240f;
+    --background-950: #0d1208;
+
+    --primary: #8db859;
+    --primary-50: #f3f7ed;
+    --primary-100: #e7f0db;
+    --primary-200: #cee0b8;
+    --primary-300: #b6d194;
+    --primary-400: #9dc270;
+    --primary-500: #85b34d;
+    --primary-600: #6a8f3d;
+    --primary-700: #506b2e;
+    --primary-800: #35471f;
+    --primary-900: #1b240f;
+    --primary-950: #0d1208;
+
+    --secondary: #9fd6b0;
+    --secondary-50: #edf7f0;
+    --secondary-100: #dbf0e2;
+    --secondary-200: #b8e0c5;
+    --secondary-300: #94d1a7;
+    --secondary-400: #70c28a;
+    --secondary-500: #4db36d;
+    --secondary-600: #3d8f57;
+    --secondary-700: #2e6b41;
+    --secondary-800: #1f472c;
+    --secondary-900: #0f2416;
+    --secondary-950: #08120b;
+
+    --accent: #81c9aa;
+    --accent-50: #edf7f3;
+    --accent-100: #dbf0e7;
+    --accent-200: #b8e0cf;
+    --accent-300: #94d1b7;
+    --accent-400: #70c29e;
+    --accent-500: #4db386;
+    --accent-600: #3d8f6b;
+    --accent-700: #2e6b51;
+    --accent-800: #1f4736;
+    --accent-900: #0f241b;
+    --accent-950: #08120d;
+  }
+
+  .dark {
+    --text: #f8faf4;
+    --text-50: #0e1108;
+    --text-100: #1d2310;
+    --text-200: #394620;
+    --text-300: #566930;
+    --text-400: #738c40;
+    --text-500: #8faf50;
+    --text-600: #a6bf73;
+    --text-700: #bccf96;
+    --text-800: #d2dfb9;
+    --text-900: #e9efdc;
+    --text-950: #f4f7ee;
+
+    --background: #050703 !important;
+    --background-50: #0d1208;
+    --background-100: #1a240f;
+    --background-200: #33471f;
+    --background-300: #4d6b2e;
+    --background-400: #668f3d;
+    --background-500: #80b34d;
+    --background-600: #99c270;
+    --background-700: #b3d194;
+    --background-800: #cce0b8;
+    --background-900: #e6f0db;
+    --background-950: #f2f7ed;
+
+    --primary: #7aa446;
+    --primary-50: #0d1208;
+    --primary-100: #1b240f;
+    --primary-200: #35471f;
+    --primary-300: #506b2e;
+    --primary-400: #6a8f3d;
+    --primary-500: #85b34d;
+    --primary-600: #9dc270;
+    --primary-700: #b6d194;
+    --primary-800: #cee0b8;
+    --primary-900: #e7f0db;
+    --primary-950: #f3f7ed;
+
+    --secondary: #29603b;
+    --secondary-50: #08120b;
+    --secondary-100: #0f2416;
+    --secondary-200: #1f472c;
+    --secondary-300: #2e6b42;
+    --secondary-400: #3d8f58;
+    --secondary-500: #4db36f;
+    --secondary-600: #70c28b;
+    --secondary-700: #94d1a8;
+    --secondary-800: #b8e0c5;
+    --secondary-900: #dbf0e2;
+    --secondary-950: #edf7f1;
+
+    --accent: #367d5e;
+    --accent-50: #08120d;
+    --accent-100: #0f241b;
+    --accent-200: #1f4736;
+    --accent-300: #2e6b51;
+    --accent-400: #3d8f6b;
+    --accent-500: #4db386;
+    --accent-600: #70c29e;
+    --accent-700: #94d1b7;
+    --accent-800: #b8e0cf;
+    --accent-900: #dbf0e7;
+    --accent-950: #edf7f3;
+  }
+}

assets/styles/main.less

@@ -0,0 +1,17 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+@import '_theme';
+@import '_default';
+
+@custom-variant dark (&:where(.dark, .dark *));
+
+html,
+body {
+  height: 100%;
+  margin: 0;
+}
+
+#__nuxt {
+  min-height: 100%;
+}