diff --git a/GEMINI.md b/GEMINI.md index 621aee1..db50c27 100644 --- a/GEMINI.md +++ b/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) diff --git a/INSTALL.md b/INSTALL.md index bfa1c56..71c9692 100644 --- a/INSTALL.md +++ b/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;`). + + diff --git a/README.md b/README.md index e1e93b0..4144e1c 100644 --- a/README.md +++ b/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 diff --git a/templates/waybar/colors.css.j2 b/templates/waybar/colors.css.j2 new file mode 100644 index 0000000..b626753 --- /dev/null +++ b/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; diff --git a/templates/waybar/meta.yaml b/templates/waybar/meta.yaml new file mode 100644 index 0000000..3e5fca4 --- /dev/null +++ b/templates/waybar/meta.yaml @@ -0,0 +1,4 @@ +author: S0wlz (Owlibou) +description: Waybar color variables (CSS) +version: 1.0.0 +strategy: individual