Merge pull request #206 from patricktamal/bug/188-Profile-dropdown-in…

…visible-in-dark-mode Bug/188 profile dropdown invisible in dark mode
bcc-code · Sep 16, 2023 · 7e23a20 · 7e23a20
2 parents 3aab06d + 52ddd6d
commit 7e23a20
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/components/ProfileMenu.vue b/components/ProfileMenu.vue
@@ -18,7 +18,7 @@ const logout = async () => {
     <Menu as="div" class="relative">
       <div>
         <MenuButton
-          class="flex items-center font-bold text-label-1 focus:outline-none"
+          class="flex items-center font-bold text-label-1 focus:outline-none dark:text-label-dark-1"
         >
           {{ $t("profile.title") }}
           <NuxtIcon name="nav.profile" class="ml-1 text-xl" />
@@ -34,7 +34,7 @@ const logout = async () => {
         leave-to-class="transform scale-95 opacity-0"
       >
         <MenuItems
-          class="absolute right-0 mt-2 w-56 origin-top-right divide-y divide-label-separator rounded-md bg-white-1 text-sm shadow-lg ring-1 ring-opacity-5 focus:outline-none dark:divide-label-dark-separator"
+          class="absolute right-0 mt-2 w-56 origin-top-right divide-y divide-label-separator rounded-md bg-background-1 text-sm shadow-lg ring-1 ring-opacity-5 focus:outline-none dark:divide-label-dark-separator dark:bg-background-dark-1"
         >
           <div class="px-1 py-1">
             <MenuItem v-slot="{ active }" as="div" class="flex items-center">