feat: new themes

src/constants/index.ts

@@ -2,35 +2,38 @@ import { ApexOptions } from 'apexcharts'
 import byteSize from 'byte-size'
 
 export const themes = [
-  'light',
-  'dark',
-  'cupcake',
-  'bumblebee',
-  'emerald',
-  'corporate',
-  'synthwave',
-  'retro',
-  'cyberpunk',
-  'valentine',
-  'halloween',
-  'garden',
-  'forest',
-  'aqua',
-  'lofi',
-  'pastel',
-  'fantasy',
-  'wireframe',
-  'black',
-  'luxury',
-  'dracula',
-  'cmyk',
-  'autumn',
-  'business',
   'acid',
-  'lemonade',
-  'night',
+  'aqua',
+  'autumn',
+  'black',
+  'bumblebee',
+  'business',
+  'cmyk',
   'coffee',
+  'corporate',
+  'cupcake',
+  'cyberpunk',
+  'dark',
+  'dim',
+  'dracula',
+  'emerald',
+  'fantasy',
+  'forest',
+  'garden',
+  'halloween',
+  'lemonade',
+  'light',
+  'lofi',
+  'luxury',
+  'night',
+  'nord',
+  'pastel',
+  'retro',
+  'sunset',
+  'synthwave',
+  'valentine',
   'winter',
+  'wireframe',
 ] as const
 
 export enum ROUTES {

src/signals/config.ts

@@ -61,11 +61,11 @@ export const [autoSwitchTheme, setAutoSwitchTheme] = makePersisted(
   { name: 'autoSwitchTheme', storage: localStorage },
 )
 export const [favDayTheme, setFavDayTheme] = makePersisted(
-  createSignal<(typeof themes)[number]>('lofi'),
+  createSignal<(typeof themes)[number]>('nord'),
   { name: 'favDayTheme', storage: localStorage },
 )
 export const [favNightTheme, setFavNightTheme] = makePersisted(
-  createSignal<(typeof themes)[number]>('business'),
+  createSignal<(typeof themes)[number]>('sunset'),
   { name: 'favNightTheme', storage: localStorage },
 )
 export const [connectionsTableSize, setConnectionsTableSize] = makePersisted(

src/signals/theme.ts

@@ -3,6 +3,6 @@ import { createSignal } from 'solid-js'
 import { themes } from '~/constants'
 
 export const [curTheme, setCurTheme] = makePersisted(
-  createSignal<(typeof themes)[number]>('halloween'),
+  createSignal<(typeof themes)[number]>('sunset'),
   { name: 'theme', storage: localStorage },
 )