support dark theme closes #25

apps/frontend/src/main.ts

@@ -6,29 +6,10 @@ import { VueQueryPlugin, type VueQueryPluginOptions } from '@tanstack/vue-query'
 import PouchDB from '@/api/PouchDB'
 
 import PrimeVue from 'primevue/config'
-import { definePreset } from '@primevue/themes'
-import Aura from '@primevue/themes/aura'
+import { PrimeVueHereConnectPreset } from './themes/PrimeVueHereConnectPreset'
 import './style.css'
 import 'primeicons/primeicons.css'
 
-const MyPreset = definePreset(Aura, {
-  semantic: {
-    primary: {
-      50: '{rose.50}',
-      100: '{rose.100}',
-      200: '{rose.200}',
-      300: '{rose.300}',
-      400: '{rose.400}',
-      500: '{rose.500}',
-      600: '{rose.600}',
-      700: '{rose.700}',
-      800: '{rose.800}',
-      900: '{rose.900}',
-      950: '{rose.950}',
-    },
-  },
-})
-
 import App from './App.vue'
 import router from './router'
 
@@ -55,9 +36,9 @@ app.use(VueQueryPlugin, vueQueryPluginOptions)
 app.use(router)
 app.use(PrimeVue, {
   theme: {
-    preset: MyPreset,
+    preset: PrimeVueHereConnectPreset,
     options: {
-      darkModeSelector: false,
+      darkModeSelector: 'system',
     },
   },
 })