Remove menu icons and refactor pause menu defaults

Remove SVG icons from all pause menu items and their associated styles. Change default menu selection from MAP to none, and remove mouseenter selection behavior. Add Futura PT Demibold font and update typography. Remove HUD circle gradient effect from background.
This commit is contained in:
2026-07-03 23:20:45 +12:00
parent ee6ba81b28
commit 7c1346c95d
4 changed files with 16 additions and 59 deletions
@@ -1,5 +1,12 @@
/* Commonwealth Online — pause menu concept (1920×1080 baseline) */
@font-face {
font-family: "Futura PT Demibold";
src: url("../../fonts/futura-pt-demibold.otf") format("opentype");
font-weight: 600;
font-display: swap;
}
:root {
/*
* --co-ui-scale is set by JavaScript (script.js) to a numeric value
@@ -24,7 +31,7 @@
--co-select-text: #1a1c18;
--co-border: rgba(201, 168, 74, 0.45);
--co-font: "Roboto Condensed", "Bahnschrift", "Arial Narrow", Arial, sans-serif;
--co-font: "Futura PT Demibold", "Roboto Condensed", "Bahnschrift", "Arial Narrow", Arial, sans-serif;
--co-transition: 120ms ease-out;
--co-panel-width: 28%;
@@ -172,13 +179,6 @@ body {
position: absolute;
inset: 0;
background:
/* faint HUD circle */
radial-gradient(
circle at 12% 88%,
transparent 58%,
rgba(62, 207, 74, 0.04) 59%,
transparent 62%
),
/* horizontal scanlines */
repeating-linear-gradient(
0deg,
@@ -286,22 +286,6 @@ body {
outline: none;
}
.menu-item__icon {
display: flex;
align-items: center;
justify-content: center;
width: calc(22px * var(--co-ui-scale));
height: calc(22px * var(--co-ui-scale));
flex-shrink: 0;
opacity: 0.75;
}
.menu-item__icon svg {
width: 100%;
height: 100%;
fill: currentColor;
}
.menu-item__label {
position: relative;
z-index: 2;
@@ -341,8 +325,9 @@ body {
color: var(--co-text-pale);
}
.menu-item:hover:not(.is-selected) .menu-item__icon {
opacity: 0.95;
.menu-item:hover:not(.is-selected) .menu-item__bar {
opacity: 1;
transform: translateY(-50%) scaleX(1);
}
.menu-item:focus-visible {
@@ -355,11 +340,6 @@ body {
color: var(--co-select-text);
}
.menu-item.is-selected .menu-item__icon {
opacity: 1;
color: var(--co-select-text);
}
.menu-item.is-selected .menu-item__bar {
opacity: 1;
transform: translateY(-50%) scaleX(1);