From 93408c58252450de5cefa7f2f54ebd2da57b2eb9 Mon Sep 17 00:00:00 2001 From: Marcel Date: Fri, 27 Mar 2026 16:31:00 +0100 Subject: [PATCH] fix(#98): make drop zone border and card borders visible in dark mode - DropZone: raise border opacity from /20 to /30 for dashed drop zone - layout.css: bump dark mode --c-line from #2e2e2e to #3d3d3d (was ~1.3:1 contrast on #1a1a1a surface, effectively invisible) Co-Authored-By: Claude Sonnet 4.6 --- frontend/src/routes/DropZone.svelte | 2 +- frontend/src/routes/layout.css | 8 ++++---- 2 files changed, 5 insertions(+), 5 deletions(-) diff --git a/frontend/src/routes/DropZone.svelte b/frontend/src/routes/DropZone.svelte index c31b01b5..818c3541 100644 --- a/frontend/src/routes/DropZone.svelte +++ b/frontend/src/routes/DropZone.svelte @@ -146,7 +146,7 @@ $effect(() => { ? 'border-primary bg-accent-bg py-10 text-primary' : windowDragging ? 'border-primary/60 bg-accent-bg/50 py-10 text-primary/80' - : 'border-ink/20 py-6 text-ink-3 hover:border-primary hover:text-primary'}" + : 'border-ink/30 py-6 text-ink-3 hover:border-primary hover:text-primary'}" ondragover={handleDragOver} ondragleave={handleDragLeave} ondrop={handleDrop} diff --git a/frontend/src/routes/layout.css b/frontend/src/routes/layout.css index ef228f65..e065f4a6 100644 --- a/frontend/src/routes/layout.css +++ b/frontend/src/routes/layout.css @@ -96,8 +96,8 @@ --c-overlay: #242424; --c-muted: #252525; - --c-line: #2e2e2e; - --c-line-2: #222222; + --c-line: #3d3d3d; + --c-line-2: #2e2e2e; --c-ink: #f0efe9; --c-ink-2: #9ca3af; /* gray-400 — 7.5:1 on dark surface — WCAG AAA ✓ */ @@ -124,8 +124,8 @@ --c-overlay: #242424; --c-muted: #252525; - --c-line: #2e2e2e; - --c-line-2: #222222; + --c-line: #3d3d3d; + --c-line-2: #2e2e2e; --c-ink: #f0efe9; --c-ink-2: #9ca3af;