Use local repository SVG swatches instead of external placeholder URLs

2026-09-27 18:01:43 +02:00
parent ac339bc395
commit 30d9744d33
+11 -11
@@ -48,21 +48,21 @@ LOGAR uses a cyber-slate and neon telemetry palette designed for high contrast i
### Primary Colors
| Swatch | Color Name | Hex Code | RGB | HSL | Usage |
| :--- | :--- | :--- | :--- | :--- | :--- |
| ![#00E5FF](https://via.placeholder.com/15/00E5FF/000000?text=+) | **Cyber Cyan** | `#00E5FF` | `0, 229, 255` | `186°, 100%, 50%` | Primary brand accent, glowing telemetry lines, active links, primary CTA buttons |
| ![#00FFA3](https://via.placeholder.com/15/00FFA3/000000?text=+) | **Emerald Pulse** | `#00FFA3` | `0, 255, 163` | `158°, 100%, 50%` | Healthy node indicators, approved client seats, online PKI status, success badges |
| ![#0072FF](https://via.placeholder.com/15/0072FF/000000?text=+) | **Electric Blue** | `#0072FF` | `0, 114, 255` | `213°, 100%, 50%` | Gradient stop with Cyber Cyan, secondary action highlights |
| ![#0E1A2E](https://via.placeholder.com/15/0E1A2E/000000?text=+) | **Dark Navy** | `#0E1A2E` | `14, 26, 46` | `218°, 53%, 12%` | Emblem background, card surfaces, modal dialogs |
| ![#070C18](https://via.placeholder.com/15/070C18/000000?text=+) | **Midnight Slate**| `#070C18` | `7, 12, 24` | `222°, 55%, 6%` | Application canvas background, dark-mode body |
| :---: | :--- | :--- | :--- | :--- | :--- |
| <img src="https://gitea.eibl.tech/me0nline/LOGAR/raw/branch/main/assets/swatches/swatch_00e5ff.svg" width="18" height="18" alt="#00E5FF"/> | **Cyber Cyan** | `#00E5FF` | `0, 229, 255` | `186°, 100%, 50%` | Primary brand accent, glowing telemetry lines, active links, primary CTA buttons |
| <img src="https://gitea.eibl.tech/me0nline/LOGAR/raw/branch/main/assets/swatches/swatch_00ffa3.svg" width="18" height="18" alt="#00FFA3"/> | **Emerald Pulse** | `#00FFA3` | `0, 255, 163` | `158°, 100%, 50%` | Healthy node indicators, approved client seats, online PKI status, success badges |
| <img src="https://gitea.eibl.tech/me0nline/LOGAR/raw/branch/main/assets/swatches/swatch_0072ff.svg" width="18" height="18" alt="#0072FF"/> | **Electric Blue** | `#0072FF` | `0, 114, 255` | `213°, 100%, 50%` | Gradient stop with Cyber Cyan, secondary action highlights |
| <img src="https://gitea.eibl.tech/me0nline/LOGAR/raw/branch/main/assets/swatches/swatch_0e1a2e.svg" width="18" height="18" alt="#0E1A2E"/> | **Dark Navy** | `#0E1A2E` | `14, 26, 46` | `218°, 53%, 12%` | Emblem background, card surfaces, modal dialogs |
| <img src="https://gitea.eibl.tech/me0nline/LOGAR/raw/branch/main/assets/swatches/swatch_070c18.svg" width="18" height="18" alt="#070C18"/> | **Midnight Slate**| `#070C18` | `7, 12, 24` | `222°, 55%, 6%` | Application canvas background, dark-mode body |
### Semantic & Status Colors
| Swatch | Color Name | Hex Code | RGB | Usage |
| :--- | :--- | :--- | :--- | :--- |
| ![#EF4444](https://via.placeholder.com/15/EF4444/000000?text=+) | **Crimson Alert** | `#EF4444` | `239, 68, 68` | Critical anomalies, revoked seats, connection errors |
| ![#F59E0B](https://via.placeholder.com/15/F59E0B/000000?text=+) | **Amber Warning** | `#F59E0B` | `245, 158, 11` | Pending enrollment approvals, seat quota thresholds (>85%) |
| ![#94A3B8](https://via.placeholder.com/15/94A3B8/000000?text=+) | **Text Muted** | `#94A3B8` | `148, 163, 184` | Table headers, secondary descriptions, timestamps |
| ![#FFFFFF](https://via.placeholder.com/15/FFFFFF/000000?text=+) | **Pure White** | `#FFFFFF` | `255, 255, 255` | Installer header background, text on dark cards |
| :---: | :--- | :--- | :--- | :--- |
| <img src="https://gitea.eibl.tech/me0nline/LOGAR/raw/branch/main/assets/swatches/swatch_ef4444.svg" width="18" height="18" alt="#EF4444"/> | **Crimson Alert** | `#EF4444` | `239, 68, 68` | Critical anomalies, revoked seats, connection errors |
| <img src="https://gitea.eibl.tech/me0nline/LOGAR/raw/branch/main/assets/swatches/swatch_f59e0b.svg" width="18" height="18" alt="#F59E0B"/> | **Amber Warning** | `#F59E0B` | `245, 158, 11` | Pending enrollment approvals, seat quota thresholds (>85%) |
| <img src="https://gitea.eibl.tech/me0nline/LOGAR/raw/branch/main/assets/swatches/swatch_94a3b8.svg" width="18" height="18" alt="#94A3B8"/> | **Text Muted** | `#94A3B8` | `148, 163, 184` | Table headers, secondary descriptions, timestamps |
| <img src="https://gitea.eibl.tech/me0nline/LOGAR/raw/branch/main/assets/swatches/swatch_ffffff.svg" width="18" height="18" alt="#FFFFFF"/> | **Pure White** | `#FFFFFF` | `255, 255, 255` | Installer header background, text on dark cards |
---