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:
parent
d9eb540ab1
commit
3e18f04b21
BIN
vault1984-web
BIN
vault1984-web
Binary file not shown.
|
|
@ -12,7 +12,7 @@
|
|||
--radius-sm: 0.5rem;
|
||||
--gap: 1.25rem;
|
||||
|
||||
--bg: #0A1628;
|
||||
--bg: #0d1520;
|
||||
--surface: #142542;
|
||||
--surface-alt: #0e2414;
|
||||
--surface-gold: #2a1f00;
|
||||
|
|
@ -61,10 +61,10 @@ p.lead { font-size: 1.125rem; }
|
|||
.vaultname .n { color: var(--accent); }
|
||||
|
||||
/* === 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.alt { background: rgba(34,197,94,0.07); border-color: rgba(34,197,94,0.25); }
|
||||
.card.gold { background: rgba(212,175,55,0.08); 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 { 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.15); border-color: rgba(34,197,94,0.3); }
|
||||
.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.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:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,0.3); }
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue