Use local repository SVG swatches instead of external placeholder URLs
+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 |
|
||||
| :--- | :--- | :--- | :--- | :--- | :--- |
|
||||
|  | **Cyber Cyan** | `#00E5FF` | `0, 229, 255` | `186°, 100%, 50%` | Primary brand accent, glowing telemetry lines, active links, primary CTA buttons |
|
||||
|  | **Emerald Pulse** | `#00FFA3` | `0, 255, 163` | `158°, 100%, 50%` | Healthy node indicators, approved client seats, online PKI status, success badges |
|
||||
|  | **Electric Blue** | `#0072FF` | `0, 114, 255` | `213°, 100%, 50%` | Gradient stop with Cyber Cyan, secondary action highlights |
|
||||
|  | **Dark Navy** | `#0E1A2E` | `14, 26, 46` | `218°, 53%, 12%` | Emblem background, card surfaces, modal dialogs |
|
||||
|  | **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 |
|
||||
| :--- | :--- | :--- | :--- | :--- |
|
||||
|  | **Crimson Alert** | `#EF4444` | `239, 68, 68` | Critical anomalies, revoked seats, connection errors |
|
||||
|  | **Amber Warning** | `#F59E0B` | `245, 158, 11` | Pending enrollment approvals, seat quota thresholds (>85%) |
|
||||
|  | **Text Muted** | `#94A3B8` | `148, 163, 184` | Table headers, secondary descriptions, timestamps |
|
||||
|  | **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 |
|
||||
|
||||
---
|
||||
|
||||
|
||||
Reference in New Issue
Block a user