chris/dex
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Stronger type-colour wash on dex cards

Browse Source 
- 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 <noreply@anthropic.com>
This commit is contained in:
chris 2026-08-28 08:28:58 -04:00
parent cbfca36e68
commit 4ddc427149
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/styles/layout.css
View File

@ -408,12 +408,12 @@
color: inherit; color: inherit;
overflow: hidden; overflow: hidden;
background: linear-gradient( background: linear-gradient(
180deg, 170deg,
color-mix(in srgb, var(--type-main) 30%, var(--surface)) 0%, color-mix(in srgb, var(--type-main) 55%, var(--surface)) 0%,
color-mix(in srgb, var(--type-main) 9%, var(--surface)) 52%, color-mix(in srgb, var(--type-main) 26%, var(--surface)) 55%,
var(--surface) 100% 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); box-shadow: var(--shadow);
content-visibility: auto; content-visibility: auto;
contain-intrinsic-size: auto 250px; contain-intrinsic-size: auto 250px;