From 8f62f11a624bf7a26a7f73fe4eef1375be7fd0ce Mon Sep 17 00:00:00 2001 From: Alejandro Veras Date: Thu, 1 Oct 2026 13:16:58 -0400 Subject: [PATCH] Keep dark cards dark in light mode so their white titles stay readable The glass card rule was overriding .card-dark and .closing-dark with the light card surface, leaving white headings on a white background. Also darkens the industry index numbers. A contrast audit of all eight pages in both themes now finds no unreadable text. Co-Authored-By: Claude Opus 5.5 --- static/assets/home.css | 2 +- static/assets/styles.css | 4 +++- 2 files changed, 4 insertions(+), 2 deletions(-) diff --git a/static/assets/home.css b/static/assets/home.css index 6d62e6f..daae81f 100644 --- a/static/assets/home.css +++ b/static/assets/home.css @@ -15,7 +15,7 @@ --o2-beam: rgba(31, 183, 255, .30); } :root[data-theme="light"] .o2 { - --neon-off: #d3dceb; + --neon-off: #c3cfe2; --neon-on: #0a5fd1; --neon-glow: 0 0 18px rgba(26, 127, 255, .35); --neon-mid: #6aa6e8; diff --git a/static/assets/styles.css b/static/assets/styles.css index b060af5..314beff 100644 --- a/static/assets/styles.css +++ b/static/assets/styles.css @@ -671,7 +671,7 @@ html:not(.js) .tabs { grid-template-columns: 1fr; } .industries { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--mist); border-left: 1px solid var(--mist); } .industry { padding: 22px 22px; border-right: 1px solid var(--mist); border-bottom: 1px solid var(--mist); display: flex; flex-direction: column; gap: 18px; min-height: 120px; justify-content: space-between; transition: background-color .2s ease; } .industry:hover { background: var(--cloud); } -.industry .index { color: var(--ash); } +.industry .index { color: var(--smoke); } .industry b { font-size: 19px; letter-spacing: -0.015em; line-height: 1.2; } .industry-note { background: var(--accent); color: var(--on-accent); grid-column: span 3; flex-direction: row; align-items: flex-end; } .industry-note:hover { background: var(--accent-press); } @@ -995,3 +995,5 @@ h1, h2, h3, h4 { font-weight: 600; } /* Option 2 skin: small fixes */ .band .showcase { border: 0; background: transparent; } .plan-featured { outline: 1px solid rgba(31, 183, 255, .45); box-shadow: 0 0 50px rgba(26, 127, 255, .18); } +/* Dark panels keep their dark surface in both themes (the glass card rule must not override them) */ +.card.card-dark, .closing.closing-dark { background: var(--surface-dark); }