remove theme selector from header

layouts/default.vue

@@ -6,39 +6,6 @@ const isLoggedIn = useIsLoggedIn()
 const settings = await useSettings()
 const user = await useUser<User | null>()
 const skipLink: Ref<HTMLLinkElement | null> = ref(null)
-const colorMode = useColorMode()
-const themes = [
-  'system',
-  'light',
-  'dark',
-  'cupcake',
-  'bumblebee',
-  'emerald',
-  'corporate',
-  'synthwave',
-  'retro',
-  'cyberpunk',
-  'valentine',
-  'halloween',
-  'garden',
-  'forest',
-  'aqua',
-  'lofi',
-  'pastel',
-  'fantasy',
-  'wireframe',
-  'black',
-  'luxury',
-  'dracula',
-  'cmyk',
-  'autumn',
-  'business',
-  'acid',
-  'lemonade',
-  'night',
-  'coffee',
-  'winter',
-]
 
 const footerLinks = [
   { text: t('footerlink_edit'), to: '/edit' },
@@ -98,18 +65,7 @@ async function logout() {
           </div>
 
           <!-- FIXME temp -->
-          <div class="ml-auto mr-4">
+          <div class="ms-auto">
-            <!-- eslint-disable-next-line vuejs-accessibility/label-has-for -->
-            <label class="mr-4">theme:</label>
-            <select
-              v-model="colorMode.preference"
-              class="select select-bordered"
-            >
-              <option disabled selected>Theme</option>
-              <option v-for="theme of themes" :key="theme">{{ theme }}</option>
-            </select>
-          </div>
-
             <YButton
               v-if="isLoggedIn"
               icon="logout"
@@ -118,6 +74,7 @@ async function logout() {
             />
             <YButton v-else icon="login" :text="t('login')" to="/login" />
           </div>
+        </div>
       </slot>
     </header>