fix colors

src/App.vue

@@ -121,6 +121,7 @@ const spaceStore = useSpaceStore()
 
 onMounted(async () => {
 
+
   if (!userStore.user && localStorage.getItem("token")) {
 
     await userStore.fetchUserProfile();

src/assets/base.css

@@ -36,19 +36,19 @@
   --section-gap: 160px;
 }
 
-@media (prefers-color-scheme: dark) {
-  :root {
-    --color-background: var(--vt-c-black);
-    --color-background-soft: var(--vt-c-black-soft);
-    --color-background-mute: var(--vt-c-black-mute);
+/*@media (prefers-color-scheme: dark) {*/
+/*  :root {*/
+/*    --color-background: var(--vt-c-black);*/
+/*    --color-background-soft: var(--vt-c-black-soft);*/
+/*    --color-background-mute: var(--vt-c-black-mute);*/
 
-    --color-border: var(--vt-c-divider-dark-2);
-    --color-border-hover: var(--vt-c-divider-dark-1);
+/*    --color-border: var(--vt-c-divider-dark-2);*/
+/*    --color-border-hover: var(--vt-c-divider-dark-1);*/
 
-    --color-heading: var(--vt-c-text-dark-1);
-    --color-text: var(--vt-c-text-dark-2);
-  }
-}
+/*    --color-heading: var(--vt-c-text-dark-1);*/
+/*    --color-text: var(--vt-c-text-dark-2);*/
+/*  }*/
+/*}*/
 
 *,
 *::before,

src/assets/main.css

@@ -4,6 +4,7 @@
 @tailwind components;
 @tailwind utilities;
 
+
 .p-inputnumber-input{
     width: 7rem;
 }

src/main.ts

@@ -22,11 +22,15 @@ app.directive('ripple', Ripple);
 app.directive('tooltip', Tooltip);
 app.use(PrimeVue, {
     theme: {
-        preset: Aura
+        preset: Aura,
+        options: {
+            darkModeSelector: 'light-mode',
+        }
     }
 });
 
 
+
 app.config.globalProperties.$primevue.config.locale = {
     firstDayOfWeek: 1, // Устанавливаем понедельник как первый день недели
     dayNames: ["Воскресенье", "Понедельник", "Вторник", "Среда", "Четверг", "Пятница", "Суббота"],

tailwind.config.js

@@ -14,4 +14,7 @@ export default {
         },
     },
     plugins: [require('tailwindcss-primeui')],
+
 }
+
+