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 ────────────────────────────────────── */

2
static/v2/assets/index-tklaBqfd.css → static/v2/assets/index-CB6KCKZz.css
View file

File diff suppressed because one or more lines are too long

0
static/v2/assets/index-z3J6n_xF.js → static/v2/assets/index-SmjESM0y.js
View file

4
static/v2/index.html
View file

@ -5,8 +5,8 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Mosswart Overlord v2</title>
<link rel="icon" type="image/png" href="/icons/7735.png" />
<script type="module" crossorigin src="/v2/assets/index-z3J6n_xF.js"></script>
<link rel="stylesheet" crossorigin href="/v2/assets/index-tklaBqfd.css">
<script type="module" crossorigin src="/v2/assets/index-SmjESM0y.js"></script>
<link rel="stylesheet" crossorigin href="/v2/assets/index-CB6KCKZz.css">
</head>
<body>
<div id="root"></div>