johan
/
vault1984-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

style: card bg = button bg values, --bg more blue-gray 

- card: rgba(100,140,200,0.12) blue-gray tint
- card.alt/gold/red: same opacity (0.15) as matching buttons
- --bg: #0d1520 (was #0A1628, slightly more blue-gray)
This commit is contained in:
James 2026-03-02 04:24:24 -05:00
parent d9eb540ab1
commit 3e18f04b21
2 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
vault1984-web
View File

Binary file not shown.

10
vault1984.css
View File

@ -12,7 +12,7 @@
--radius-sm: 0.5rem; --radius-sm: 0.5rem;
--gap: 1.25rem; --gap: 1.25rem;
--bg: #0A1628; --bg: #0d1520;
--surface: #142542; --surface: #142542;
--surface-alt: #0e2414; --surface-alt: #0e2414;
--surface-gold: #2a1f00; --surface-gold: #2a1f00;
@ -61,10 +61,10 @@ p.lead { font-size: 1.125rem; }
.vaultname .n { color: var(--accent); } .vaultname .n { color: var(--accent); }
/* === CARDS === */ /* === CARDS === */
.card { background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.12); border-radius: var(--radius); padding: 1.75rem; } .card { background: rgba(100,140,200,0.12); border: 1px solid rgba(148,163,184,0.15); border-radius: var(--radius); padding: 1.75rem; }
.card.alt { background: rgba(34,197,94,0.07); border-color: rgba(34,197,94,0.25); } .card.alt { background: rgba(34,197,94,0.15); border-color: rgba(34,197,94,0.3); }
.card.gold { background: rgba(212,175,55,0.08); border-color: rgba(212,175,55,0.35); } .card.gold { background: rgba(212,175,55,0.15); border-color: rgba(212,175,55,0.35); }
.card.red { background: rgba(239,68,68,0.07); border-color: rgba(239,68,68,0.3); } .card.red { background: rgba(239,68,68,0.15); border-color: rgba(239,68,68,0.3); }
.card-hover { transition: transform 0.2s, box-shadow 0.2s; border-color: rgba(255,255,255,0.12); } .card-hover { transition: transform 0.2s, box-shadow 0.2s; border-color: rgba(255,255,255,0.12); }
.card-hover:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,0.3); } .card-hover:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,0.3); }