G360Pmk/dylanmazzei-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Keep dark cards dark in light mode so their white titles stay readable

Browse Source 
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 <noreply@anthropic.com>
This commit is contained in:
Alejandro Veras
2026-10-01 13:16:58 -04:00
parent 6ea0218427
commit 8f62f11a62
2 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/assets/home.css
+1 -1
View File
@@ -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;
static/assets/styles.css
+3 -1
View File
@@ -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); }