Andreas/mtg_python_deckbuilder
1
0
Fork 0
mirror of https://github.com/mwisnowski/mtg_python_deckbuilder.git synced 2025-12-17 16:10:12 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

refactor(web): finished JavaScript consolidation, tested JavaScript items, refined themes and color palettes, tested all themes and palettes, ensured all interactive lements use theme-aware css

Browse source
This commit is contained in:
matt 2025-10-29 15:45:40 -07:00
parent 9379732eec
commit 3c45a31aa3
19 changed files with 498 additions and 632 deletions
Download patch file Download diff file Expand all files Collapse all files

38
code/web/static/shared-components.css
View file

@ -116,7 +116,7 @@
position: relative;
max-width: 720px;
width: clamp(320px, 90vw, 720px);
background: #0f1115;
background: var(--panel);
border: 1px solid var(--border);
border-radius: 10px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
@ -197,12 +197,15 @@
font-family: monospace;
font-size: 12px;
border-left: 3px solid #4ade80;
color: #1f2937;
background: #ffffff;
border-right: 1px solid var(--border);
border-top: 1px solid var(--border);
border-bottom: 1px solid var(--border);
color: var(--text);
background: var(--bg);
}
.include-textarea::placeholder {
color: #9ca3af;
color: var(--muted);
opacity: 0.7;
}
@ -226,12 +229,15 @@
font-family: monospace;
font-size: 12px;
border-left: 3px solid #ef4444;
color: #1f2937;
background: #ffffff;
border-right: 1px solid var(--border);
border-top: 1px solid var(--border);
border-bottom: 1px solid var(--border);
color: var(--text);
background: var(--bg);
}
.exclude-textarea::placeholder {
color: #9ca3af;
color: var(--muted);
opacity: 0.7;
}
@ -410,7 +416,7 @@
.build-controls {
position: sticky;
z-index: 5;
background: linear-gradient(180deg, rgba(15,17,21,.95), rgba(15,17,21,.85));
background: var(--panel);
border: 1px solid var(--border);
border-radius: 10px;
padding: 0.5rem;
@ -459,8 +465,8 @@
.ownership-badge {
display: inline-block;
border: 1px solid var(--border);
background: rgba(17,24,39,.9);
color: #e5e7eb;
background: var(--panel);
color: var(--text);
border-radius: 12px;
font-size: 12px;
line-height: 18px;
@ -474,7 +480,7 @@
.build-log {
margin-top: 0.5rem;
white-space: pre-wrap;
background: #0f1115;
background: var(--panel);
border: 1px solid var(--border);
padding: 1rem;
border-radius: 8px;
@ -575,8 +581,14 @@
padding: 0.5rem;
border: 1px solid var(--border);
border-radius: 8px;
background: #12161c;
background: var(--panel);
font-weight: 600;
transition: background-color 0.15s ease;
}
.combo-summary:hover {
background: color-mix(in srgb, var(--bg) 70%, var(--text) 30%);
border-color: var(--text);
}
/* Mana analytics row grid */
@ -592,7 +604,7 @@
border: 1px solid var(--border);
border-radius: 8px;
padding: 0.6rem;
background: #0f1115;
background: var(--panel);
}
/* Mana panel heading */