From 37715b80139ab84bc17600e228f87e0f2a966c0e Mon Sep 17 00:00:00 2001
From: Robert Kossessa <github@kosro.de>
Date: Fri, 2 Feb 2024 18:37:34 +0100
Subject: [PATCH] UPD: Darken some backgrounds

---
 src/components/config/TabSelectButton.vue | 2 +-
 src/components/profile/ProfileButton.vue  | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/config/TabSelectButton.vue b/src/components/config/TabSelectButton.vue
index 5b27aa4..aceb5dc 100644
--- a/src/components/config/TabSelectButton.vue
+++ b/src/components/config/TabSelectButton.vue
@@ -1,7 +1,7 @@
 <template>
   <button
     class="flex-1 flex flex-col items-center rounded-xl my-1 mx-0.5 p-1 gap-2"
-    :class="{'text-black bg-zinc-200 hover:bg-zinc-100': selected,
+    :class="{'text-black bg-zinc-300 hover:bg-zinc-200': selected,
     'hover:bg-zinc-800 text-muted-foreground' : !selected}"
     @click="$emit('select'); $refs.title.scramble()">
     <slot v-if="$slots['replace']" name="replace" />
diff --git a/src/components/profile/ProfileButton.vue b/src/components/profile/ProfileButton.vue
index 90a35f1..9960280 100644
--- a/src/components/profile/ProfileButton.vue
+++ b/src/components/profile/ProfileButton.vue
@@ -11,7 +11,7 @@
         ref="profileNameInput" v-model="nameInput"
         onfocus="this.select()" :placeholder="$t('profiles.name_placeholder')"
         class="flex-1 pl-6 h-full bg-transparent focus-visible:ring-0 focus-visible:outline-none min-w-0"
-        :class="{'font-semibold bg-zinc-200 hover:bg-zinc-100 text-black' : selected,
+        :class="{'font-semibold bg-zinc-300 hover:bg-zinc-200 text-black' : selected,
         'hover:bg-zinc-900 bg-opacity-50 text-muted-foreground': !selected}"
         @blur="onNameInputBlur">
       <button
@@ -19,7 +19,7 @@
         type="submit"
         :class="{'bg-zinc-200 hover:bg-zinc-100 text-black' : selected,
                 'hover:bg-opacity-100 bg-zinc-900 text-zinc-100 bg-opacity-50': !selected}"
-        class="flex w-12 h-12 justify-center items-center flex-shrink-0">
+        class="flex h-full aspect-square justify-center items-center flex-shrink-0">
         <Check class="h-4 w-4" />
       </button>
     </form>
@@ -27,7 +27,7 @@
       v-else
       :class="{'font-semibold bg-zinc-200 hover:bg-zinc-100 text-black' : selected,
       'hover:bg-zinc-900 bg-opacity-50 text-muted-foreground': !selected}"
-      class="flex-1 h-full text-left whitespace-nowrap overflow-hidden text-ellipsis pr-4"
+      class="flex-1 h-12 text-left whitespace-nowrap overflow-hidden text-ellipsis pr-4"
       @click="!editing && $emit('select') && $refs.profileTitle.scramble()">
       <span class="ml-4 w-4 mr-2" :class="{'ml-4': !draggable}">
         <GripHorizontal