fix(web): remove hardcoded white text, use theme tokens for light mode

PageShell header icon/title had opacity: 0.5 — removed for full
visibility. Moodlit, Zitare, Skilltree and BaseListView used
text-white/* classes that were invisible in light mode — migrated
to hsl(var(--color-foreground/muted-foreground)) tokens.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Till JS 2026-04-12 16:07:40 +02:00
parent 3deee755b3
commit 248100d490
5 changed files with 48 additions and 33 deletions

View file

@ -76,7 +76,7 @@
{/if}
{#if header}
<div class="flex gap-3 text-xs text-white/40">
<div class="flex gap-3 text-xs text-[hsl(var(--color-muted-foreground))]">
{@render header()}
</div>
{/if}