theme

src/shared/constants/themes.js

@@ -16,3 +16,54 @@ export const THEME_CONFIG = {
     //     name: 'Midnight'
     // }
 };
+
+export const THEME_COLORS = [
+    {
+        key: 'default',
+        label: 'Default',
+        swatch: 'oklch(0.205 0 0)',
+        file: null
+    },
+    {
+        key: 'blue',
+        label: 'Blue',
+        swatch: 'oklch(0.488 0.243 264.376)',
+        file: 'blue.css'
+    },
+    {
+        key: 'green',
+        label: 'Green',
+        swatch: 'oklch(0.648 0.2 131.684)',
+        file: 'green.css'
+    },
+    {
+        key: 'orange',
+        label: 'Orange',
+        swatch: 'oklch(0.646 0.222 41.116)',
+        file: 'orange.css'
+    },
+    {
+        key: 'red',
+        label: 'Red',
+        swatch: 'oklch(0.577 0.245 27.325)',
+        file: 'red.css'
+    },
+    {
+        key: 'rose',
+        label: 'Rose',
+        swatch: 'oklch(0.586 0.253 17.585)',
+        file: 'rose.css'
+    },
+    {
+        key: 'violet',
+        label: 'Violet',
+        swatch: 'oklch(0.541 0.281 293.009)',
+        file: 'violet.css'
+    },
+    {
+        key: 'yellow',
+        label: 'Yellow',
+        swatch: 'oklch(0.852 0.199 91.936)',
+        file: 'yellow.css'
+    }
+];