light mode and a few improvements

tailwind.config.js

@@ -1,5 +1,6 @@
 /** @type {import('tailwindcss').Config} */
 module.exports = {
+  darkMode: 'class',
   content: [
     "./components/**/*.{js,vue,ts}",
     "./layouts/**/*.vue",
@@ -11,6 +12,18 @@ module.exports = {
   ],
   theme: {
     extend: {
+      colors: {
+        'sea-green': '#00FFC2',
+        'fuschia': '#EB0066',
+        'soft-lavender': '#F6EEFE',
+        'touched-lavender': '#F5EDFE',
+        'midnight': '#080908',
+        'dark-slate': '#0C0B0C',
+        'deep-indigo': '#393041',
+        'midnight-slate': '#2F353D',
+        'obsidian-night': '#131316',
+        'soft-lilac': '#E4DDEE',
+      },
       screens: {
         'xs': '512px',
         '3xl': '1792px'