fix some colors

dashboard/components/CVerticalNavigation.vue

@@ -49,11 +49,7 @@ const { isOpen, close } = useMenu();
                 </div>
 
             </div>
-
-            <div v-if="debugMode" class="flex justify-center w-full">
-                <ThemeSelector></ThemeSelector>
-            </div>
-
+            
             <div class="flex flex-col gap-4">
 
                 <div v-for="section of sections" class="flex flex-col gap-1">

dashboard/components/ThemeSelector.vue

@@ -1,40 +0,0 @@
-<script lang="ts" setup>
-
-
-function cardColor(val: number) {
-    document.documentElement.style.setProperty(
-        '--current-card-color',
-        `var(--card-color-${val})`
-    );
-}
-
-</script>
-
-<template>
-    <div class="flex gap-2 bg-[#151517] py-3 px-8 rounded-lg">
-        <div @click="cardColor(1)" class="card1 px-4 py-1 rounded-lg cursor-pointer">
-            A
-        </div>
-        <div @click="cardColor(2)" class="card2 px-4 py-1 rounded-lg cursor-pointer">
-            B
-        </div>
-        <div @click="cardColor(3)" class="card3 px-4 py-1 rounded-lg cursor-pointer">
-            C
-        </div>
-    </div>
-</template>
-
-
-<style scoped lang=scss>
-.card1 {
-    background-color: var(--card-color-1) !important;
-}
-
-.card2 {
-    background-color: var(--card-color-2) !important;
-}
-
-.card3 {
-    background-color: var(--card-color-3) !important;
-}
-</style>

dashboard/components/dashboard/BarsCard.vue

@@ -54,7 +54,7 @@ function openExternalLink(link: string) {
 
         <div class="text-text flex flex-col items-start gap-4 w-full relative">
 
-            <div class="w-full h-full p-4 flex flex-col bg-menu rounded-xl gap-8 card-shadow">
+            <div class="w-full h-full p-4 flex flex-col bg-card rounded-xl gap-8 card-shadow">
 
                 <div class="flex justify-between mb-3">
                     <div class="flex flex-col gap-1">