Hartmut/CapaKraken
1
0
Fork 0
Code Issues 10 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

fix(ui): fix .app-data-table dark mode — @apply dark: unreliable in @layer components

Browse Source 
Replace `@apply dark:bg-gray-900/95` with an explicit `:is(.dark) .app-data-table`
rule using CSS variables, matching the established pattern of `.app-surface` and
`.app-toolbar`. Fixes Allocations, ResourceTableWidget, and ProjectTableWidget
all appearing white in dark mode.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Hartmut Nörenberg
2026-04-09 22:51:06 +02:00
parent d1a21a79b2
commit ddd711f93f
1 changed files with 9 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/src/app/globals.css
+9 -2
View File
@@ -513,7 +513,14 @@
} }
.app-data-table { .app-data-table {
@apply overflow-hidden rounded-2xl border border-gray-200 bg-white shadow-sm dark:border-gray-700 dark:bg-gray-900/95; @apply overflow-hidden rounded-2xl border border-gray-200 bg-white shadow-sm;
}
/* Explicit dark rule — @apply dark: inside @layer components is unreliable */
:is(.dark) .app-data-table {
background-color: rgb(var(--surface-card));
border-color: rgb(var(--border-subtle));
box-shadow: none;
} }
.app-data-table table { .app-data-table table {
@@ -521,7 +528,7 @@
} }
.app-data-table thead tr { .app-data-table thead tr {
@apply bg-gray-50/90 dark:bg-gray-800/80; @apply bg-gray-50/90;
} }
:is(.dark) .app-data-table thead tr { :is(.dark) .app-data-table thead tr {