feat: add Waybar color variable template

- Created CSS template for Waybar variables using @define-color.
- Mapped system DNA to generic and semantic CSS variable names.
- Updated documentation and repository map.

GEMINI.md

@@ -81,5 +81,6 @@ Apex is not about pretty colors; it is about signal clarity.
 │ ├── gtk4/
 │ ├── hyprland/
 │ ├── fuzzel/
+│ ├── waybar/
 │ └── alacritty/
 └── dist/ # Compiled theme files (gitignore this)

INSTALL.md

@@ -197,15 +197,53 @@ All generated theme files can be found in the `dist/` directory after running `u
 
       1. Copy the desired file to your Fuzzel config location:
 
-         ```bash
+            ```bash
 
-         mkdir -p ~/.config/fuzzel
+            cp dist/fuzzel/apex-neon-fuzzel.ini ~/.config/fuzzel/fuzzel.ini
 
-         cp dist/fuzzel/apex-neon-fuzzel.ini ~/.config/fuzzel/fuzzel.ini
+            ```
 
-         ```
+         2. Alternatively, use the `--config` flag when launching Fuzzel.
 
-      2. Alternatively, use the `--config` flag when launching Fuzzel.
+         
+
+         ---
+
+         
+
+         ## 10. Waybar
+
+         
+
+         **Files:**
+
+         - `dist/waybar/apex-neon-colors.css`
+
+         - `dist/waybar/apex-aeon-colors.css`
+
+         
+
+         **Installation:**
+
+         1. Copy the desired file to your Waybar config directory:
+
+            ```bash
+
+            cp dist/waybar/apex-neon-colors.css ~/.config/waybar/colors.css
+
+            ```
+
+         2. Import it in your main `style.css`:
+
+            ```css
+
+            @import "colors.css";
+
+            ```
+
+         3. Use the variables in your CSS (e.g., `background-color: @background;`, `color: @foreground;`, `border-color: @accent;`).
+
+         
 
       
 

README.md

@@ -21,6 +21,7 @@ The factory currently generates native themes for:
 - **GTK4 / Libadwaita** (CSS)
 - **Hyprland** (Conf)
 - **Fuzzel** (INI)
+- **Waybar** (CSS variables)
 
 ## The Apex DNA
 

templates/waybar/colors.css.j2

@@ -0,0 +1,25 @@
+/* {{ scheme }} — Waybar Color Palette */
+/* DNA: State over Decoration */
+
+@define-color void {{ palette.background }};
+@define-color stark {{ palette.foreground }};
+@define-color razor {{ palette.cursor }};
+@define-color tech {{ palette.info }};
+@define-color toxic {{ palette.success }};
+@define-color amber {{ palette.warning }};
+@define-color sacred {{ palette.special }};
+@define-color alert {{ ansi.bright.red }};
+
+@define-color panel {{ ui.panel }};
+@define-color border {{ ui.border }};
+@define-color stealth {{ ui.stealth }};
+@define-color dim {{ ui.dim }};
+
+/* Semantic mappings for easier integration */
+@define-color background @void;
+@define-color foreground @stark;
+@define-color accent @razor;
+@define-color info @tech;
+@define-color success @toxic;
+@define-color warning @amber;
+@define-color error @alert;

templates/waybar/meta.yaml

@@ -0,0 +1,4 @@
+author: S0wlz (Owlibou)
+description: Waybar color variables (CSS)
+version: 1.0.0
+strategy: individual