Description
`components/ThemeToggle.tsx:26` hardcodes literal Tailwind gray classes (`hover:bg-gray-100 dark:hover:bg-gray-800`) instead of the semantic `hover:bg-muted` token used by every other icon button in the app (e.g. `notification-bell.tsx`), so the toggle's hover state won't match custom themes.
Location
`components/ThemeToggle.tsx:26`
Task
Replace the hardcoded gray classes with the semantic `hover:bg-muted` (or equivalent) token used elsewhere, matching the pattern in `notification-bell.tsx`.
Good for newcomers because
Small, visual-only className change with an existing pattern to copy from another file.
Description
`components/ThemeToggle.tsx:26` hardcodes literal Tailwind gray classes (`hover:bg-gray-100 dark:hover:bg-gray-800`) instead of the semantic `hover:bg-muted` token used by every other icon button in the app (e.g. `notification-bell.tsx`), so the toggle's hover state won't match custom themes.
Location
`components/ThemeToggle.tsx:26`
Task
Replace the hardcoded gray classes with the semantic `hover:bg-muted` (or equivalent) token used elsewhere, matching the pattern in `notification-bell.tsx`.
Good for newcomers because
Small, visual-only className change with an existing pattern to copy from another file.