mirror of
https://codeberg.org/PostERG/xamxam.git
synced 2026-05-07 03:29:19 +02:00
6a1b41ac93
- 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
92 lines
2.9 KiB
CSS
92 lines
2.9 KiB
CSS
/* ============================================================
|
|
CSS VARIABLES (CUSTOM PROPERTIES)
|
|
============================================================ */
|
|
|
|
:root {
|
|
/* Backgrounds */
|
|
--bg-primary: #ffffff;
|
|
--bg-secondary: #f5f5f5;
|
|
--bg-tertiary: #e8e8e8;
|
|
--bg-active: #d0d0d0;
|
|
|
|
/* Text */
|
|
--text-primary: #111111;
|
|
--text-secondary: #666666;
|
|
--text-tertiary: #999999;
|
|
|
|
/* Borders */
|
|
--border-primary: #dddddd;
|
|
--border-secondary: #cccccc;
|
|
|
|
/* Status */
|
|
--success: #5cd69d;
|
|
--error: #f25a5a;
|
|
--warning: #fbca51;
|
|
|
|
/* Accent */
|
|
--accent-primary: #9557b5;
|
|
--accent-secondary: #683d7f;
|
|
--accent-foreground: #ffffff;
|
|
--accent-muted: rgba(149, 87, 181, 0.12);
|
|
--accent-blue: #41adff;
|
|
--accent-green: #4caf50;
|
|
--accent-yellow: #f39c12;
|
|
--accent-red: #f25a5a;
|
|
|
|
/* Gradient (header) */
|
|
--gradient-start: #3c856c;
|
|
--gradient-2: #60ecb4;
|
|
--gradient-3: #e390ff;
|
|
--gradient-4: #9557b5;
|
|
|
|
/* Header decorative */
|
|
--header-gradient-fade: rgba(149, 87, 181, 0);
|
|
--header-shadow-strong: rgba(119, 70, 145, 1);
|
|
--header-shadow-soft: rgba(119, 70, 145, 0.8);
|
|
--header-nav-active-border: rgba(255, 255, 255, 0.6);
|
|
|
|
/* Search error block */
|
|
--search-error-bg: #fff0f0;
|
|
--search-error-border: #cc0000;
|
|
--search-error-color: #cc0000;
|
|
|
|
/* System / terminal panel (dark surfaces) */
|
|
--sys-bg-surface: #242424;
|
|
--sys-bg-deep: #0d0d0d;
|
|
--sys-bg-panel: #1a1a1a;
|
|
--sys-border: #555555;
|
|
--sys-border-deep: #333333;
|
|
--sys-border-hover: #888888;
|
|
--sys-text-dim: #969696;
|
|
--sys-text-bright: #e8e8e8;
|
|
--sys-text-body: #bbbbbb;
|
|
--sys-overlay: rgba(255, 255, 255, 0.03);
|
|
|
|
/* System syntax highlight */
|
|
--sys-syntax-comment: #666666;
|
|
--sys-syntax-directive: #7eb8f7;
|
|
--sys-syntax-block: #d4a0ff;
|
|
--sys-syntax-value: #e2c08d;
|
|
--sys-syntax-location: #79dac8;
|
|
--sys-syntax-notice: #a0c8ff;
|
|
--sys-syntax-crit: #ff7070;
|
|
|
|
/* Muted alpha overlays — derived from semantic tokens */
|
|
--success-muted-bg: rgba(92, 214, 157, 0.12);
|
|
--success-muted-border: rgba(92, 214, 157, 0.35);
|
|
--warning-muted-bg: rgba(251, 202, 81, 0.12);
|
|
--warning-muted-border: rgba(251, 202, 81, 0.35);
|
|
--error-muted-bg: rgba(242, 90, 90, 0.12);
|
|
--error-muted-border: rgba(242, 90, 90, 0.35);
|
|
--blue-muted-bg: rgba(65, 173, 255, 0.12);
|
|
--blue-muted-border: rgba(65, 173, 255, 0.30);
|
|
--blue-muted-bg-hover: rgba(65, 173, 255, 0.22);
|
|
--yellow-muted-bg: rgba(243, 156, 18, 0.12);
|
|
--yellow-muted-border: rgba(243, 156, 18, 0.30);
|
|
--yellow-muted-bg-hover:rgba(243, 156, 18, 0.22);
|
|
--green-muted-bg: rgba(76, 175, 80, 0.12);
|
|
--green-muted-border: rgba(76, 175, 80, 0.30);
|
|
--green-muted-bg-hover: rgba(76, 175, 80, 0.22);
|
|
--danger-border-muted: rgba(242, 90, 90, 0.35);
|
|
}
|