Merge pull request #278 from connorabbas/develop

Remove theme switcher

Author: connorabbas

resources/js/app.js

@@ -13,15 +13,11 @@ import Container from '@/components/Container.vue';
 import PageTitleSection from '@/components/PageTitleSection.vue';
 
 import { useColorMode } from '@vueuse/core';
-import { useThemePreset } from '@/composables/useThemePreset';
+import themePreset from '@/theme/noir-preset';
 
 // Site light/dark mode
 const colorMode = useColorMode({ emitAuto: true });
 
-// Site theme preset
-const { getCurrentPreset } = useThemePreset();
-const themePreset = getCurrentPreset();
-
 /* global Ziggy */
 const appName = import.meta.env.VITE_APP_NAME || 'Laravel';
 

resources/js/pages/settings/Appearance.vue

@@ -2,7 +2,6 @@
 import AppLayout from '@/layouts/AppLayout.vue';
 import SettingsLayout from '@/layouts/UserSettingsLayout.vue';
 import SelectColorModeButton from '@/components/SelectColorModeButton.vue';
-import ThemePresetSelector from '@/components/ThemePresetSelector.vue';
 </script>
 
 <template>
@@ -21,16 +20,7 @@ import ThemePresetSelector from '@/components/ThemePresetSelector.vue';
                     Update your account's appearance settings
                 </template>
                 <template #content>
-                    <div class="space-y-6">
-                        <div class="flex flex-col gap-2">
-                            <label for="color-mode-selector">Color Mode</label>
-                            <SelectColorModeButton id="color-mode-selector" />
-                        </div>
-                        <div class="flex flex-col gap-2">
-                            <label for="theme-preset-selector">Theme</label>
-                            <ThemePresetSelector id="theme-preset-selector" />
-                        </div>
-                    </div>
+                    <SelectColorModeButton id="color-mode-selector" />
                 </template>
             </Card>
         </SettingsLayout>