From bf8fb99ae502d963c224e7142baf7c20c5334f57 Mon Sep 17 00:00:00 2001
From: Trenton Zimmer <66042448+trmazi@users.noreply.github.com>
Date: Wed, 17 Jul 2024 10:32:08 -0400
Subject: [PATCH] Fix up colors

---
 src/components/CardBox.vue              | 4 ++--
 src/components/Tables/JubilityTable.vue | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/CardBox.vue b/src/components/CardBox.vue
index bcdbc85..963d50e 100644
--- a/src/components/CardBox.vue
+++ b/src/components/CardBox.vue
@@ -20,7 +20,7 @@ const props = defineProps({
     type: Boolean,
     default: false,
   },
-  color: {
+  colorProp: {
     type: String,
     default: "bg-slate-900 dark:bg-slate-900",
   },
@@ -32,7 +32,7 @@ const slots = useSlots();
 
 const hasFooterSlot = computed(() => slots.footer && !!slots.footer());
 
-const color = ref(props.color);
+const color = ref(props.colorProp);
 
 if (props.isAuth) {
   color.value =
diff --git a/src/components/Tables/JubilityTable.vue b/src/components/Tables/JubilityTable.vue
index 1311481..2285cc3 100644
--- a/src/components/Tables/JubilityTable.vue
+++ b/src/components/Tables/JubilityTable.vue
@@ -68,7 +68,7 @@ onMounted(async () => {
     <CardBox
       v-for="song of songData"
       :key="song.id"
-      color="bg-slate-700"
+      color-prop="bg-slate-800 dark:bg-slate-800"
       class="my-3 p-5"
       has-table
     >