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

css: remove dark mode, unify token system, eliminate all hardcoded colors

Browse Source 
- Remove @media (prefers-color-scheme: dark) block from variables.css
- Delete colors.css (dead reference doc, never loaded)
- Add semantic tokens to variables.css:
    --header-gradient-fade, --header-shadow-strong/soft, --header-nav-active-border
    --search-error-bg/border/color
    --sys-bg-surface/deep/panel, --sys-border/border-deep/border-hover
    --sys-text-dim/bright/body, --sys-overlay, --sys-syntax-* (7 highlight tokens)
    --success/warning/error/blue/yellow/green -muted-bg/border/hover alpha overlays
    --danger-border-muted
- Replace all hardcoded hex/rgba in common.css, main.css, search.css, admin.css, system.css
- Fix --border-color typo -> --border-primary in search.css
- Fix view-toggle__btn active color: --text-primary -> --accent-foreground
- Admin and public share identical token set, no separate admin theme
- Update README.md
This commit is contained in:
Pontoporeia
2026-04-06 16:16:11 +02:00
parent e73fcfd0c8
commit 6a1b41ac93
9 changed files with 183 additions and 212 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
public/assets/css/admin.css
View File

@@ -300,7 +300,7 @@
}
[role="status"][data-type="success"] {
background: rgba(92, 214, 157, 0.12);
background: var(--success-muted-bg);
border-color: var(--success);
color: var(--text-primary);
}
@@ -354,7 +354,7 @@
}
.admin-maintenance-bar--active {
background: rgba(251, 202, 81, 0.1);
background: var(--warning-muted-bg);
border-color: var(--warning);
color: var(--text-primary);
}
@@ -503,12 +503,12 @@
}
.status-published {
background: rgba(76, 175, 80, 0.12);
background: var(--green-muted-bg);
color: var(--accent-green);
}
.status-pending {
background: rgba(251, 202, 81, 0.12);
background: var(--warning-muted-bg);
color: var(--warning);
}
@@ -523,17 +523,17 @@
}
.status-access--libre {
background: rgba(76, 175, 80, 0.12);
background: var(--green-muted-bg);
color: var(--accent-green);
}
.status-access--interne {
background: rgba(65, 173, 255, 0.12);
background: var(--blue-muted-bg);
color: var(--accent-blue);
}
.status-access--interdit {
background: rgba(242, 90, 90, 0.12);
background: var(--error-muted-bg);
color: var(--error);
}
@@ -560,30 +560,30 @@
}
.admin-btn-view {
background: rgba(65, 173, 255, 0.12);
background: var(--blue-muted-bg);
color: var(--accent-blue);
border-color: rgba(65, 173, 255, 0.3);
border-color: var(--blue-muted-border);
}
.admin-btn-view:hover {
background: rgba(65, 173, 255, 0.22);
background: var(--blue-muted-bg-hover);
}
.admin-btn-edit {
background: rgba(243, 156, 18, 0.12);
background: var(--yellow-muted-bg);
color: var(--accent-yellow);
border-color: rgba(243, 156, 18, 0.3);
border-color: var(--yellow-muted-border);
}
.admin-btn-edit:hover {
background: rgba(243, 156, 18, 0.22);
background: var(--yellow-muted-bg-hover);
}
.admin-btn-publish {
background: rgba(76, 175, 80, 0.12);
background: var(--green-muted-bg);
color: var(--accent-green);
border-color: rgba(76, 175, 80, 0.3);
border-color: var(--green-muted-border);
}
.admin-btn-publish:hover {
background: rgba(76, 175, 80, 0.22);
background: var(--green-muted-bg-hover);
}
.admin-btn-unpublish {
@@ -701,7 +701,7 @@
/* ── Danger zone (account page) ─────────────────────────────────────────── */
.admin-danger-zone {
border: 1px solid rgba(242, 90, 90, 0.35);
border: 1px solid var(--danger-border-muted);
border-radius: 4px;
padding: 1.25rem 1.5rem;
display: flex;