engineering/tpmjs
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 2.2k

fix(ui): resolve table dark mode styling issues

Browse source 
- Update Table component to use bg-surface instead of hardcoded bg-white
- Fix TableRow hover and selected states to use design system tokens
- Update virtualized tables in agents, collections, and tool-search pages
This commit is contained in:
Ajax Davis 2026-01-18 01:51:41 +10:00
parent 257aa55282
commit c677110bfe
4 changed files with 6 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

2
apps/web/src/app/agents/page.tsx
View file

@ -224,7 +224,7 @@ export default function PublicAgentsPage(): React.ReactElement {
TableRow: (props) => (
<tr
{...props}
className="border-b border-border bg-white dark:bg-zinc-900 hover:bg-surface transition-all duration-150 group"
className="border-b border-border bg-surface hover:bg-surface-secondary transition-all duration-150 group"
/>
),
}}

2
apps/web/src/app/collections/page.tsx
View file

@ -269,7 +269,7 @@ export default function PublicCollectionsPage(): React.ReactElement {
TableRow: (props) => (
<tr
{...props}
className="border-b border-border bg-white dark:bg-zinc-900 hover:bg-surface transition-all duration-150 group"
className="border-b border-border bg-surface hover:bg-surface-secondary transition-all duration-150 group"
/>
),
}}

2
apps/web/src/app/tool/tool-search/page.tsx
View file

@ -315,7 +315,7 @@ export default function ToolSearchPage(): React.ReactElement {
TableRow: (props) => (
<tr
{...props}
className="border-b border-border bg-white dark:bg-zinc-900 hover:bg-surface transition-all duration-150 group"
className="border-b border-border bg-surface hover:bg-surface-secondary transition-all duration-150 group"
/>
),
}}

6
packages/ui/src/Table/Table.tsx
View file

@ -83,9 +83,9 @@ const TableRow = forwardRef<HTMLTableRowElement, TableRowProps>(
<tr
ref={ref}
className={cn(
'border-b border-border bg-white dark:bg-zinc-900 transition-colors',
interactive && 'cursor-pointer hover:bg-surface',
selected && 'bg-surface',
'border-b border-border bg-surface transition-colors',
interactive && 'cursor-pointer hover:bg-surface-secondary',
selected && 'bg-surface-secondary',
className
)}
{...props}