From b9b2e83e6b60e2bef4c4c655c0d8f7a1775e1c52 Mon Sep 17 00:00:00 2001
From: Emily <adharaultimasheireen@gmail.com>
Date: Mon, 17 Jun 2024 15:36:17 +0200
Subject: [PATCH] fix some colors

---
 dashboard/assets/scss/colors.scss            |  6 +--
 dashboard/components/CVerticalNavigation.vue |  6 +--
 dashboard/components/ThemeSelector.vue       | 40 --------------------
 dashboard/components/dashboard/BarsCard.vue  |  2 +-
 dashboard/pages/events.vue                   |  2 +-
 dashboard/tailwind.config.js                 |  4 +-
 6 files changed, 7 insertions(+), 53 deletions(-)
 delete mode 100644 dashboard/components/ThemeSelector.vue

diff --git a/dashboard/assets/scss/colors.scss b/dashboard/assets/scss/colors.scss
index 32795d4..46e153f 100644
--- a/dashboard/assets/scss/colors.scss
+++ b/dashboard/assets/scss/colors.scss
@@ -1,6 +1,4 @@
 :root {
-    --current-card-color: #1d1d1f;
-    --card-color-1: #1d1d1f;
-    --card-color-2: #1f1f1f;
-    --card-color-3: #0f0f0f;
+    --card-color: #1d1d1f;
+    --bg-color: #151517;
 }
\ No newline at end of file
diff --git a/dashboard/components/CVerticalNavigation.vue b/dashboard/components/CVerticalNavigation.vue
index 9fa6042..d001495 100644
--- a/dashboard/components/CVerticalNavigation.vue
+++ b/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">
diff --git a/dashboard/components/ThemeSelector.vue b/dashboard/components/ThemeSelector.vue
deleted file mode 100644
index 107efde..0000000
--- a/dashboard/components/ThemeSelector.vue
+++ /dev/null
@@ -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>
\ No newline at end of file
diff --git a/dashboard/components/dashboard/BarsCard.vue b/dashboard/components/dashboard/BarsCard.vue
index 294c55b..05542e7 100644
--- a/dashboard/components/dashboard/BarsCard.vue
+++ b/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">
diff --git a/dashboard/pages/events.vue b/dashboard/pages/events.vue
index 4ce5c63..c1dcc66 100644
--- a/dashboard/pages/events.vue
+++ b/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
diff --git a/dashboard/tailwind.config.js b/dashboard/tailwind.config.js
index 393bcdc..ce41b78 100644
--- a/dashboard/tailwind.config.js
+++ b/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'