mirror of
https://codeberg.org/PostERG/xamxam.git
synced 2026-05-06 19:19:19 +02:00
- 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
998 B
998 B
CSS Architecture
File Structure
- variables.css — all CSS custom properties (single source of truth for every color/token)
- common.css — reset, header/nav, search bar, accessibility utilities (loaded on all pages)
- main.css — home page
- search.css — search/directory page
- tfe.css — individual thesis page
- apropos.css — about + licence pages
- system.css — admin system dashboard (dark terminal panels)
- admin.css — admin section (loaded alongside
common.csson every admin page) - modern-normalize.min.css — third-party reset (minified, do not edit)
Rules
- Every color value lives in
variables.cssas a CSS custom property. - No hardcoded hex, rgb(), or rgba() in any other file.
- All files
@import url("./variables.css")at the top. - Admin and public share the same token names — no separate admin theme.
- No dark-mode media query. The system page uses
--sys-*tokens (intentionally dark terminal aesthetic).