build: use whiskers

README.md

@@ -4,55 +4,55 @@
 	Catppuccin for <a href="https://github.com/aome510/spotify-player">spotify-player</a>
 	<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/misc/transparent.png" height="30" width="0px"/>
 </h3>
+
 <p align="center">
-    <a href="https://github.com/catppuccin/spotify-player/stargazers"><img alt="Stargazers" src="https://img.shields.io/github/stars/catppuccin/spotify-player?colorA=363a4f&colorB=b7bdf8&style=for-the-badge"></a>
-    <a href="https://github.com/catppuccin/spotify-player/issues"><img src="https://img.shields.io/github/issues/catppuccin/spotify-player?colorA=363a4f&colorB=f5a97f&style=for-the-badge"></a>
-    <a href="https://github.com/catppuccin/spotify-player/contributors"><img src="https://img.shields.io/github/contributors/catppuccin/spotify-player?colorA=363a4f&colorB=a6da95&style=for-the-badge"></a>
+	<a href="https://github.com/catppuccin/spotify-player/stargazers"><img alt="Stargazers" src="https://img.shields.io/github/stars/catppuccin/spotify-player?colorA=363a4f&colorB=b7bdf8&style=for-the-badge"></a>
+	<a href="https://github.com/catppuccin/spotify-player/issues"><img src="https://img.shields.io/github/issues/catppuccin/spotify-player?colorA=363a4f&colorB=f5a97f&style=for-the-badge"></a>
+	<a href="https://github.com/catppuccin/spotify-player/contributors"><img src="https://img.shields.io/github/contributors/catppuccin/spotify-player?colorA=363a4f&colorB=a6da95&style=for-the-badge"></a>
 </p>
 
 <p align="center">
-  <img src="https://raw.githubusercontent.com/catppuccin/spotify-player/main/assets/cat-spotify-player.png"/>
+  <img src="assets/preview.webp"/>
 </p>
 
 ## Previews
 
 <details>
 <summary>🌻 Latte</summary>
-  <img src="https://raw.githubusercontent.com/catppuccin/spotify-player/main/assets/latte.png"/>
+<img src="assets/latte.webp"/>
 </details>
 <details>
 <summary>🪴 Frappé</summary>
-  <img src="https://raw.githubusercontent.com/catppuccin/spotify-player/main/assets/frappe.png"/>
+<img src="assets/frappe.webp"/>
 </details>
 <details>
 <summary>🌺 Macchiato</summary>
-  <img src="https://raw.githubusercontent.com/catppuccin/spotify-player/main/assets/macchiato.png"/>
+<img src="assets/macchiato.webp"/>
 </details>
 <details>
 <summary>🌿 Mocha</summary>
-  <img src="https://raw.githubusercontent.com/catppuccin/spotify-player/main/assets/mocha.png"/>
+<img src="assets/mocha.webp"/>
 </details>
 
 ## Usage
 
-1. Clone this repository locally
-2. Copy the `theme.toml` from `src` to `$HOME/.config/spotify-player/`
-3. Set theme option in `$HOME/.config/spotify-player/app.toml`:
-    - 🌻 Catppuccin-latte
-    - 🪴 Catppuccin-frappe
-    - 🌺 Catppuccin-macchiato
-    - 🌿 Catppuccin-mocha
-4. For example to set Catppuccin-macchiato your `app.toml` should have the following line:
-    ```
-    theme = "Catppuccin-macchiato"
-    ```
+1. Copy [`theme.toml`](./theme.toml) to `$HOME/.config/spotify-player/`.
+2. Set your `theme` in `$HOME/.config/spotify-player/app.toml` to `Catppuccin-<flavor>` (e.g. `theme = "Catppuccin-macchiato"`).
 
 ## 💝 Thanks to
 
--   [elkrien](https://github.com/elkrien)
+- [elkrien](https://github.com/elkrien)
 
 &nbsp;
 
-<p align="center"><img src="https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/footers/gray0_ctp_on_line.svg?sanitize=true" /></p>
-<p align="center">Copyright &copy; 2021-present <a href="https://github.com/catppuccin" target="_blank">Catppuccin Org</a>
-<p align="center"><a href="https://github.com/catppuccin/catppuccin/blob/main/LICENSE"><img src="https://img.shields.io/static/v1.svg?style=for-the-badge&label=License&message=MIT&logoColor=d9e0ee&colorA=363a4f&colorB=b7bdf8"/></a></p>
+<p align="center">
+	<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/footers/gray0_ctp_on_line.svg?sanitize=true" />
+</p>
+
+<p align="center">
+	Copyright &copy; 2021-present <a href="https://github.com/catppuccin" target="_blank">Catppuccin Org</a>
+</p>
+
+<p align="center">
+	<a href="https://github.com/catppuccin/catppuccin/blob/main/LICENSE"><img src="https://img.shields.io/static/v1.svg?style=for-the-badge&label=License&message=MIT&logoColor=d9e0ee&colorA=363a4f&colorB=b7bdf8"/></a>
+</p>

justfile

@@ -0,0 +1,5 @@
+_default:
+  @just --list
+
+build:
+  whiskers spotify-player.tera > theme.toml

spotify-player.tera

@@ -0,0 +1,34 @@
+---
+whiskers:
+  version: 2.1.0
+---
+
+{%- for _, flavor in flavors -%}
+{%- set palette = flavor.colors -%}
+
+[[themes]]
+name = "Catppuccin-{{ flavor.identifier }}"
+[themes.palette]
+background = "#{{ palette.base.hex }}"
+foreground = "#{{ palette.text.hex }}"
+black = "#{{ palette.base.hex }}"
+blue = "#{{ palette.blue.hex }}"
+cyan = "#{{ palette.sky.hex }}"
+green = "#{{ palette.green.hex }}"
+magenta = "#{{ palette.mauve.hex }}"
+red = "#{{ palette.red.hex }}"
+white = "#{{ palette.text.hex }}"
+yellow = "#{{ palette.yellow.hex }}"
+bright_black = "#{{ palette.base.hex }}"
+bright_blue = "#{{ palette.blue.hex }}"
+bright_cyan = "#{{ palette.sky.hex }}"
+bright_green = "#{{ palette.green.hex }}"
+bright_magenta = "#{{ palette.mauve.hex }}"
+bright_red = "#{{ palette.red.hex }}"
+bright_white = "#{{ palette.text.hex }}"
+bright_yellow = "#{{ palette.yellow.hex }}"
+
+[themes.component_style]
+selection = { bg = "#{{ palette.surface0.hex }}", modifiers = ["Bold"] }
+
+{% endfor -%}

theme.toml

@@ -0,0 +1,100 @@
+[[themes]]
+name = "Catppuccin-latte"
+[themes.palette]
+background = "#eff1f5"
+foreground = "#4c4f69"
+black = "#eff1f5"
+blue = "#1e66f5"
+cyan = "#04a5e5"
+green = "#40a02b"
+magenta = "#8839ef"
+red = "#d20f39"
+white = "#4c4f69"
+yellow = "#df8e1d"
+bright_black = "#eff1f5"
+bright_blue = "#1e66f5"
+bright_cyan = "#04a5e5"
+bright_green = "#40a02b"
+bright_magenta = "#8839ef"
+bright_red = "#d20f39"
+bright_white = "#4c4f69"
+bright_yellow = "#df8e1d"
+
+[themes.component_style]
+selection = { bg = "#ccd0da", modifiers = ["Bold"] }
+
+[[themes]]
+name = "Catppuccin-frappe"
+[themes.palette]
+background = "#303446"
+foreground = "#c6d0f5"
+black = "#303446"
+blue = "#8caaee"
+cyan = "#99d1db"
+green = "#a6d189"
+magenta = "#ca9ee6"
+red = "#e78284"
+white = "#c6d0f5"
+yellow = "#e5c890"
+bright_black = "#303446"
+bright_blue = "#8caaee"
+bright_cyan = "#99d1db"
+bright_green = "#a6d189"
+bright_magenta = "#ca9ee6"
+bright_red = "#e78284"
+bright_white = "#c6d0f5"
+bright_yellow = "#e5c890"
+
+[themes.component_style]
+selection = { bg = "#414559", modifiers = ["Bold"] }
+
+[[themes]]
+name = "Catppuccin-macchiato"
+[themes.palette]
+background = "#24273a"
+foreground = "#cad3f5"
+black = "#24273a"
+blue = "#8aadf4"
+cyan = "#91d7e3"
+green = "#a6da95"
+magenta = "#c6a0f6"
+red = "#ed8796"
+white = "#cad3f5"
+yellow = "#eed49f"
+bright_black = "#24273a"
+bright_blue = "#8aadf4"
+bright_cyan = "#91d7e3"
+bright_green = "#a6da95"
+bright_magenta = "#c6a0f6"
+bright_red = "#ed8796"
+bright_white = "#cad3f5"
+bright_yellow = "#eed49f"
+
+[themes.component_style]
+selection = { bg = "#363a4f", modifiers = ["Bold"] }
+
+[[themes]]
+name = "Catppuccin-mocha"
+[themes.palette]
+background = "#1e1e2e"
+foreground = "#cdd6f4"
+black = "#1e1e2e"
+blue = "#89b4fa"
+cyan = "#89dceb"
+green = "#a6e3a1"
+magenta = "#cba6f7"
+red = "#f38ba8"
+white = "#cdd6f4"
+yellow = "#f9e2af"
+bright_black = "#1e1e2e"
+bright_blue = "#89b4fa"
+bright_cyan = "#89dceb"
+bright_green = "#a6e3a1"
+bright_magenta = "#cba6f7"
+bright_red = "#f38ba8"
+bright_white = "#cdd6f4"
+bright_yellow = "#f9e2af"
+
+[themes.component_style]
+selection = { bg = "#313244", modifiers = ["Bold"] }
+