Skip to content

Commit 638050f

Browse files
ryanrozichclaude
andcommitted
fix: Add dark mode hover states to demo tabs
- Add dark:hover:text-gray-200 and dark:hover:border-gray-600 to tab hover states - Prevents tabs from having light-colored hover states in dark mode - Ensures consistent dark theme experience across all interactive elements 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
1 parent 5614b52 commit 638050f

File tree

1 file changed

+3
-3
lines changed

1 file changed

+3
-3
lines changed

src/demo/components-showcase-complete.tsx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -7165,7 +7165,7 @@ const handleFilterSelect = async (option) => {
71657165
className={`py-2 px-1 border-b-2 font-medium text-sm transition-colors ${
71667166
activeDemoTab === "client"
71677167
? "border-indigo-500 text-white"
7168-
: "border-transparent text-gray-400 hover:text-gray-300 hover:border-gray-300"
7168+
: "border-transparent text-gray-400 hover:text-gray-300 hover:border-gray-300 dark:hover:text-gray-200 dark:hover:border-gray-600"
71697169
}`}
71707170
>
71717171
Client-Side Data
@@ -7175,7 +7175,7 @@ const handleFilterSelect = async (option) => {
71757175
className={`py-2 px-1 border-b-2 font-medium text-sm transition-colors ${
71767176
activeDemoTab === "server"
71777177
? "border-indigo-500 text-white"
7178-
: "border-transparent text-gray-400 hover:text-gray-300 hover:border-gray-300"
7178+
: "border-transparent text-gray-400 hover:text-gray-300 hover:border-gray-300 dark:hover:text-gray-200 dark:hover:border-gray-600"
71797179
}`}
71807180
>
71817181
Server-Side Data
@@ -7188,7 +7188,7 @@ const handleFilterSelect = async (option) => {
71887188
className={`py-2 px-1 border-b-2 font-medium text-sm transition-colors ${
71897189
activeDemoTab === "presets"
71907190
? "border-indigo-500 text-white"
7191-
: "border-transparent text-gray-400 hover:text-gray-300 hover:border-gray-300"
7191+
: "border-transparent text-gray-400 hover:text-gray-300 hover:border-gray-300 dark:hover:text-gray-200 dark:hover:border-gray-600"
71927192
}`}
71937193
>
71947194
Filter Presets

0 commit comments

Comments
 (0)