♻️ Migrated to new UI

app/app.vue

@@ -1,8 +1,5 @@
 <template>
-  <n-config-provider
-    :theme-overrides="themeOverrides"
-    :theme="theme.value === 'dark' ? darkTheme : lightTheme"
-  >
+  <naive-config>
     <n-global-style />
     <n-loading-bar-provider>
       <n-dialog-provider>
@@ -13,33 +10,18 @@
         </n-message-provider>
       </n-dialog-provider>
     </n-loading-bar-provider>
-  </n-config-provider>
+  </naive-config>
 </template>
 
 <script setup lang="ts">
 import {
-  darkTheme,
-  lightTheme,
-  NConfigProvider,
   NGlobalStyle,
   NLoadingBarProvider,
   NDialogProvider,
   NMessageProvider,
 } from "naive-ui";
 
-import '@fontsource-variable/nunito';
-
-const themeOverrides = {
-  common: {
-    fontFamily: "Nunito Variable, v-sans, ui-system, -apple-system, sans-serif",
-    primaryColor: "#7D80BAFF",
-    primaryColorHover: "#9294C5FF",
-    primaryColorPressed: "#575B9DFF",
-    primaryColorSuppl: "#6B6FC1FF",
-  },
-};
-
-const theme = useColorMode();
+import "@fontsource-variable/nunito";
 </script>
 
 <style>
@@ -47,7 +29,9 @@ html,
 body {
   padding: 0;
   margin: 0;
-  font-family: Nunito Variable, sans-serif;
+  font-family:
+    Nunito Variable,
+    sans-serif;
 
   scroll-behavior: smooth;
 }