Fix button theming for custom themes (PhotonVision#2216)

Author: DevonRD

photon-client/src/components/cameras/CameraSettingsCard.vue

@@ -177,7 +177,7 @@ const wrappedCameras = computed<SelectItem[]>(() =>
         <v-btn
           block
           size="small"
-          color="primary"
+          color="buttonActive"
           :disabled="!settingsHaveChanged()"
           :variant="theme.global.name.value === 'LightTheme' ? 'elevated' : 'outlined'"
           @click="saveCameraSettings"

photon-client/src/lib/ThemeManager.ts

@@ -52,11 +52,12 @@ export const restoreThemeConfig = (theme: ThemeInstance) => {
     : (customSurface ?? defaultTheme.colors!.sidebar!);
 
   theme.themes.value[theme.global.name.value].colors.primary = customPrimary ?? defaultTheme.colors!.primary!;
-  theme.themes.value[theme.global.name.value].colors.buttonActive = customPrimary ?? defaultTheme.colors!.buttonActive!;
+  theme.themes.value[theme.global.name.value].colors.buttonActive =
+    (themeType === "light" ? customPrimary : customSecondary) ?? defaultTheme.colors!.buttonActive!;
 
   theme.themes.value[theme.global.name.value].colors.secondary = customSecondary ?? defaultTheme.colors!.secondary!;
   theme.themes.value[theme.global.name.value].colors.buttonPassive =
-    customSecondary ?? defaultTheme.colors!.buttonPassive!;
+    (themeType === "light" ? customSecondary : customPrimary) ?? defaultTheme.colors!.buttonPassive!;
 
   theme.themes.value[theme.global.name.value].colors.accent = customSecondary ?? defaultTheme.colors!.accent!;
   theme.themes.value[theme.global.name.value].colors.toggle = customSecondary ?? defaultTheme.colors!.toggle!;