fix some colors

dashboard/assets/scss/colors.scss

@@ -1,6 +1,4 @@
 :root {
-    --current-card-color: #1d1d1f;
+    --card-color: #1d1d1f;
-    --card-color-1: #1d1d1f;
+    --bg-color: #151517;
-    --card-color-2: #1f1f1f;
-    --card-color-3: #0f0f0f;
 }

dashboard/components/CVerticalNavigation.vue

@@ -50,10 +50,6 @@ const { isOpen, close } = useMenu();
 
             </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">

dashboard/pages/events.vue

@@ -29,7 +29,7 @@ const eventsStackedSelectIndex = ref<number>(0);
                 </div>
             </CardTitled>
 
-            <div class="bg-menu p-4 rounded-xl flex-[2] flex flex-col gap-10 h-full">
+            <div class="bg-card p-4 rounded-xl flex-[2] flex flex-col gap-10 h-full">
                 <div class="flex flex-col gap-1">
                     <div class="poppins font-semibold text-[1.4rem] text-text">
                         Top events

dashboard/tailwind.config.js

@@ -11,10 +11,10 @@ module.exports = {
             },
             colors: {
                 card: {
-                    DEFAULT: 'var(--current-card-color)',
+                    DEFAULT: 'var(--card-color)',
                 },
                 bg: {
-                    DEFAULT: '#151517',
+                    DEFAULT: 'var(--bg-color)',
                 },
                 menu: {
                     DEFAULT: '#1d1d1f'