From e23df8c9a45fcc88fcfd00249acf8d86f1834918 Mon Sep 17 00:00:00 2001
From: Gold856 <117957790+Gold856@users.noreply.github.com>
Date: Fri, 8 Aug 2025 16:06:26 -0400
Subject: [PATCH] Make dashboard theme transition smooth and fix link color
 (#2046)

---
 photon-client/src/components/dashboard/ConfigOptions.vue | 5 +++++
 photon-client/src/views/DashboardView.vue                | 3 ++-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/photon-client/src/components/dashboard/ConfigOptions.vue b/photon-client/src/components/dashboard/ConfigOptions.vue
index 0ade01287..e995b293d 100644
--- a/photon-client/src/components/dashboard/ConfigOptions.vue
+++ b/photon-client/src/components/dashboard/ConfigOptions.vue
@@ -151,6 +151,11 @@ const onBeforeTabUpdate = () => {
 </template>
 
 <style>
+.v-slide-group {
+  transition-duration: 0.28s;
+  transition-property: box-shadow, opacity, background;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+}
 .v-slide-group__next--disabled,
 .v-slide-group__prev--disabled {
   display: none !important;
diff --git a/photon-client/src/views/DashboardView.vue b/photon-client/src/views/DashboardView.vue
index 8729416b7..365ae52da 100644
--- a/photon-client/src/views/DashboardView.vue
+++ b/photon-client/src/views/DashboardView.vue
@@ -126,7 +126,7 @@ const showCameraSetupDialog = ref(useCameraSettingsStore().needsCameraConfigurat
         <v-card-title>Set up some cameras to get started!</v-card-title>
         <v-card-text class="pt-0">
           No cameras activated - head to the
-          <router-link to="/cameraConfigs" color="buttonActive">camera matching tab</router-link> to set some up!
+          <router-link to="/cameraConfigs">camera matching tab</router-link> to set some up!
         </v-card-text>
       </v-card>
     </v-dialog>
@@ -135,6 +135,7 @@ const showCameraSetupDialog = ref(useCameraSettingsStore().needsCameraConfigurat
 
 <style scoped>
 a:link {
+  color: rgb(var(--v-theme-buttonActive));
   background-color: transparent;
   text-decoration: none;
 }