Skip to content

good first issue: replace ThemeToggle's hardcoded gray classes with semantic theme tokens #441

Description

@Austinaminu2

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.

Metadata

Metadata

Assignees

Labels

Stellar WaveIssues in the Stellar wave programfrontendNext.js frontendgood first issueGood for newcomersuxUser experience improvement

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions