SawatoMosswartsEnjoyersClub/MosswartOverlord
3
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style(v2): modern button styling — subtle translucent instead of solid purple

Browse source 
Primary buttons: soft blue translucent background with blue text,
glows slightly on hover. Secondary buttons: dark subtle with gray
text. Cleaner, more modern feel vs the old solid #88f blocks.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Erik 2026-04-12 15:50:48 +02:00
parent 53bb1ba9cf
commit 183d662bb9
4 changed files with 22 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

27
frontend/src/styles/map-layout.css
View file

@ -269,18 +269,29 @@
}
.ml-btn {
padding: 1px 6px;
padding: 2px 8px;
font-size: 0.63rem;
border: 1px solid #555;
border-radius: 3px;
background: #333;
color: #aaa;
font-weight: 500;
border: 1px solid #3a3a3a;
border-radius: 4px;
background: #2a2a2a;
color: #999;
cursor: pointer;
white-space: nowrap;
transition: all 0.15s;
letter-spacing: 0.2px;
}
.ml-btn:hover { background: #383838; color: #ddd; border-color: #555; }
.ml-btn.accent {
background: rgba(68, 136, 255, 0.12);
color: #6aadff;
border-color: rgba(68, 136, 255, 0.3);
}
.ml-btn.accent:hover {
background: rgba(68, 136, 255, 0.22);
color: #8ec5ff;
border-color: rgba(68, 136, 255, 0.5);
}
.ml-btn:hover { background: #444; color: #eee; }
.ml-btn.accent { background: #88f; color: #111; border-color: #88f; }
.ml-btn.accent:hover { background: #99f; }
.ml-meta-pill.active { background: rgba(68, 204, 68, 0.15); color: #4c4; }
/* ── Map container ────────────────────────────────────── */