PostERG/xamxam
1
0
Fork 0
mirror of https://codeberg.org/PostERG/xamxam.git synced 2026-05-06 19:19:19 +02:00
Code Issues Packages Projects Releases Wiki Activity

system.css: use only variables.css tokens, remove undefined custom properties

Browse Source 
Replace the two undefined variables that had crept in:
- var(--admin-border) → #555  (in .log-output border)
- var(--admin-text-muted) → #969696  (inline style on log toolbar label,
  in both system.php and system-fragment.php)

Revert the incorrect intermediate attempt that mapped dark-UI hex values
to light-theme tokens (--bg-primary: #fff, --border-primary: #ddd, etc.)
and also revert the .admin-body override block that was added to
variables.css — variables.css is shared and must not have per-component
overrides.

All remaining var() calls in system.css now reference tokens that exist
in variables.css:
  --accent-primary, --accent-green, --error, --warning, --success,
  --text-tertiary
The dark surface colours (#1a1a1a, #242424, #0d0d0d, #555, #969696, etc.)
stay as literal hex values, consistent with how admin.css handles them.
This commit is contained in:
Pontoporeia
2026-04-02 18:45:40 +02:00
parent b981223ff4
commit 871e919efa
3 changed files with 11 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
public/assets/css/system.css
View File

@@ -105,9 +105,9 @@
font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
}
.status-ok { color: var(--accent-green); font-weight: 600; font-size: .85rem; }
.status-warn { color: var(--warning); font-weight: 600; font-size: .85rem; }
.status-err { color: var(--error); font-weight: 600; font-size: .85rem; }
.status-unknown { color: var(--text-tertiary); font-weight: 600; font-size: .85rem; }
.status-warn { color: var(--warning); font-weight: 600; font-size: .85rem; }
.status-err { color: var(--error); font-weight: 600; font-size: .85rem; }
.status-unknown { color: var(--text-tertiary); font-weight: 600; font-size: .85rem; }
.srv-section-title {
font-size: .82rem;
@@ -157,9 +157,9 @@
.disk-bar {
height: 100%;
border-radius: 3px;
/* width and background-color are set via inline style using --disk-pct and --disk-color */
/* width and color driven by PHP via --disk-pct and --disk-color inline vars */
width: var(--disk-pct, 0%);
background: var(--disk-color, #4caf50);
background: var(--disk-color, var(--accent-green));
transition: width .3s;
}
.disk-stats {
@@ -170,7 +170,7 @@
margin-top: .25rem;
}
/* ── Tab panel loading state ──────────────────────────────────────────────── */
/* ── Tab panel loading state ───────────────────────────────────────────── */
#sys-tab-panel {
min-height: 8rem; /* prevent layout jump while fetching */
position: relative;
@@ -256,7 +256,7 @@
}
.log-output {
background: #0d0d0d;
border: 1px solid var(--admin-border);
border: 1px solid #555;
border-radius: 4px;
padding: 1rem;
overflow-x: auto;
@@ -276,7 +276,7 @@
}
.log-line + .log-line { border-top: 1px solid rgba(255,255,255,.03); }
.log-crit { color: #ff7070; background: rgba(242, 90, 90, 0.12); }
.log-error { color: #f08080; }
.log-error { color: var(--error); }
.log-warn { color: var(--warning); }
.log-notice { color: #a0c8ff; }
.log-line::before {
@@ -332,7 +332,7 @@
}
.sys-refresh-note a:hover { text-decoration: underline; }
/* ── Cache freshness badges ──────────────────────────────────────────────── */
/* ── Cache freshness badges ────────────────────────────────────────────── */
.sys-cache-badge {
display: inline-block;
font-size: .68rem;