fix the dark mode on the dropdown menu

patricktamal · kkuepper · commit 52ddd6d14491 · 2023-09-16T09:08:55.000-04:00
diff --git a/components/ProfileMenu.vue b/components/ProfileMenu.vue
@@ -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">

Original file line number	Diff line number	Diff line change
`@@ -34,7 +34,7 @@ const logout = async () => {`
`34`	`34`	`leave-to-class="transform scale-95 opacity-0"`
`35`	`35`	`>`
`36`	`36`	`<MenuItems`
`37`		`- 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"`
	`37`	`+ 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"`
`38`	`38`	`>`
`39`	`39`	`<div class="px-1 py-1">`
`40`	`40`	`<MenuItem v-slot="{ active }" as="div" class="flex items-center">`