From 4ddc427149f1641ee74d6fb3895cc915a2f4e50d Mon Sep 17 00:00:00 2001 From: chris Date: Fri, 28 Aug 2026 08:28:58 -0400 Subject: [PATCH] Stronger type-colour wash on dex cards - Card gradient carries the primary type colour further and darker (55% -> 15% mix with surface, was 30% -> transparent); border tint up to 38%. Reads clearly coloured in both themes while keeping text/chip contrast. Co-Authored-By: Claude Sonnet 5 --- src/styles/layout.css | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/src/styles/layout.css b/src/styles/layout.css index 9c8dc92..7ded742 100644 --- a/src/styles/layout.css +++ b/src/styles/layout.css @@ -408,12 +408,12 @@ color: inherit; overflow: hidden; background: linear-gradient( - 180deg, - color-mix(in srgb, var(--type-main) 30%, var(--surface)) 0%, - color-mix(in srgb, var(--type-main) 9%, var(--surface)) 52%, - var(--surface) 100% + 170deg, + color-mix(in srgb, var(--type-main) 55%, var(--surface)) 0%, + color-mix(in srgb, var(--type-main) 26%, var(--surface)) 55%, + color-mix(in srgb, var(--type-main) 15%, var(--surface)) 100% ); - border: 1px solid color-mix(in srgb, var(--type-main) 20%, var(--border)); + border: 1px solid color-mix(in srgb, var(--type-main) 38%, var(--border)); box-shadow: var(--shadow); content-visibility: auto; contain-intrinsic-size: auto 250px;