From 76bcb04c8f82109f62218ddf9389295cf9278e92 Mon Sep 17 00:00:00 2001 From: Knacky Date: Thu, 11 Jun 2026 11:11:59 +0200 Subject: [PATCH] style(frontend): inputs + outline buttons inside cards use bg-paper .text-input, .btn-outline, .btn-outline-ink were using bg-canvas which now resolves to the tinted #f3f5f8 instead of white, making inputs and Cancel/outlined buttons visually gritty on white paper cards. Switching all three to bg-paper restores white surfaces inside cards in light mode. Dark mode unaffected (canvas/paper both resolve correctly there). Co-Authored-By: Claude Sonnet 4.6 --- frontend/src/styles/index.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/frontend/src/styles/index.css b/frontend/src/styles/index.css index 8c7b74d..14e3350 100644 --- a/frontend/src/styles/index.css +++ b/frontend/src/styles/index.css @@ -100,7 +100,7 @@ } .btn-outline { - @apply inline-flex items-center justify-center gap-xs bg-canvas text-primary border border-primary uppercase font-semibold text-[14px] leading-[1.4] rounded-none px-xl py-sm h-11; + @apply inline-flex items-center justify-center gap-xs bg-paper text-primary border border-primary uppercase font-semibold text-[14px] leading-[1.4] rounded-none px-xl py-sm h-11; } .btn-outline:hover { @apply bg-primary-soft; @@ -110,7 +110,7 @@ } .btn-outline-ink { - @apply inline-flex items-center justify-center gap-xs bg-canvas text-ink border border-ink uppercase font-semibold text-[14px] leading-[1.4] rounded-none px-xl py-sm h-11; + @apply inline-flex items-center justify-center gap-xs bg-paper text-ink border border-ink uppercase font-semibold text-[14px] leading-[1.4] rounded-none px-xl py-sm h-11; } .btn-outline-ink:hover { @apply bg-cloud; @@ -121,7 +121,7 @@ } .text-input { - @apply block w-full bg-canvas text-ink rounded-none border border-steel px-md py-sm h-11 text-[16px] leading-[1.4] focus:outline-none focus:border-primary; + @apply block w-full bg-paper text-ink rounded-none border border-steel px-md py-sm h-11 text-[16px] leading-[1.4] focus:outline-none focus:border-primary; } /* Panel / card — hairline border, no shadow, no radius */