fix(header): button hover color on dark mode

This commit is contained in:
hamster1963 2024-11-25 15:34:21 +08:00
parent 22a0b03a98
commit 962a5cd4be
2 changed files with 2 additions and 2 deletions

View File

@ -27,7 +27,7 @@ export function LanguageSwitcher() {
<Button
variant="outline"
size="sm"
className="rounded-full px-[9px] bg-white dark:bg-black cursor-pointer hover:bg-accent/50"
className="rounded-full px-[9px] bg-white dark:bg-black cursor-pointer hover:bg-accent/50 dark:hover:bg-accent/50"
>
{localeItems.find((item) => item.code === locale)?.name}
<span className="sr-only">Change language</span>

View File

@ -28,7 +28,7 @@ export function ModeToggle() {
<Button
variant="outline"
size="sm"
className="rounded-full px-[9px] bg-white dark:bg-black cursor-pointer hover:bg-accent/50"
className="rounded-full px-[9px] bg-white dark:bg-black cursor-pointer hover:bg-accent/50 dark:hover:bg-accent/50"
>
<Sun className="h-4 w-4 rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" />
<Moon className="absolute h-4 w-4 rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" />