feat: update for Blockbench 5, add accent variants

.github/workflows/whiskers-check.yml

@@ -0,0 +1,15 @@
+name: whiskers
+
+on:
+  workflow_dispatch:
+  push:
+    branches: [main]
+  pull_request:
+    branches: [main]
+
+jobs:
+  run:
+    uses: catppuccin/actions/.github/workflows/whiskers-check.yml@v1
+    with:
+      args: blockbench.tera
+    secrets: inherit

README.md

@@ -19,19 +19,19 @@
 
 <details>
 <summary>🌻 Latte</summary>
-	<img src="./assets/Latte.png">
+	<img src="./assets/latte.webp">
 </details>
 <details>
 <summary>🪴 Frappé</summary>
-	<img src="./assets/Frappe.png">
+	<img src="./assets/frappe.webp">
 </details>
 <details>
 <summary>🌺 Macchiato</summary>
-	<img src="./assets/Macchiato.png">
+	<img src="./assets/macchiato.webp">
 </details>
 <details>
 <summary>🌿 Mocha</summary>
-	<img src="./assets/Mocha.png">
+	<img src="./assets/mocha.webp">
 </details>
 
 ## Installation

blockbench.tera

@@ -1,31 +1,35 @@
 ---
 whiskers:
-  version: 2.0.0
-  matrix:
-    - flavor
-  filename: "themes/{{ flavor.identifier | capitalize }}.bbtheme"
+	version: ^2.5.1
+	matrix:
+		- flavor
+		- accent
+	hex_format: "#{{r}}{{g}}{{b}}"
+	filename: "themes/{{flavor.identifier}}/catppuccin-{{flavor.identifier}}-{{accent}}.bbtheme"
 ---
 {%- set palette = flavor.colors -%}
-{
-	"name": "{{ flavor.name }}",
-	"author": "Catppuccin",
-	"colors": {
-		"ui": "#{{ palette.base.hex }}",
-		"back": "#{{ palette.mantle.hex }}",
-		"dark": "#{{ palette.crust.hex }}",
-		"border": "{{ palette.overlay0.hex }}",
-		"selected": "#{{ palette.surface1.hex}}",
-		"button": "#{{ palette.surface0.hex }}",
-		"bright_ui": "#{{ palette.surface0.hex }}",
-		"accent": "#{{ palette.surface1.hex }}",
-		"frame": "#{{ palette.mantle.hex }}",
-		"text": "#{{ palette.text.hex }}",
-		"light": "#{{ palette.subtext0.hex }}",
-		"accent_text": "#{{ palette.lavender.hex }}",
-		"bright_ui_text": "#{{ palette.text.hex }}",
-		"subtle_text": "#{{ palette.subtext0.hex }}",
-		"grid": "#{{ palette.subtext0.hex }}",
-		"wireframe": "#{{ palette.subtext0.hex }}",
-		"checkerboard": "#{{ palette.surface1.hex }}"
-	}
+/*
+name: Catppuccin {{ flavor.name }} {{ accent | capitalize }}
+author: Catppuccin
+borders: false
+*/
+body {
+	--color-ui: {{ palette.base.hex }};
+	--color-back: {{ palette.mantle.hex }};
+	--color-dark: {{ palette.crust.hex }};
+	--color-border: {{ palette.overlay0.hex }};
+	--color-selected: {{ palette.surface1.hex }};
+	--color-elevated: {{ palette.surface0.hex }};
+	--color-button: {{ palette.surface0.hex }};
+	--color-bright_ui: {{ palette.text.hex }};
+	--color-accent: {{ flavor.colors[accent].hex }};
+	--color-frame: {{ palette.mantle.hex }};
+	--color-text: {{ palette.subtext1.hex }};
+	--color-light: {{ palette.text.hex }};
+	--color-accent_text: {{ palette.base.hex }};
+	--color-bright_ui_text: {{ palette.base.hex }};
+	--color-subtle_text: {{ palette.subtext0.hex }};
+	--color-grid: {{ palette.subtext0.hex }};
+	--color-wireframe: {{ palette.subtext0.hex }};
+	--color-checkerboard: {{ palette.surface1.hex }};
 }

themes/frappe/catppuccin-frappe-blue.bbtheme

@@ -0,0 +1,25 @@
+/*
+name: Catppuccin Frappé Blue
+author: Catppuccin
+borders: false
+*/
+body {
+	--color-ui: #303446;
+	--color-back: #292c3c;
+	--color-dark: #232634;
+	--color-border: #737994;
+	--color-selected: #51576d;
+	--color-elevated: #414559;
+	--color-button: #414559;
+	--color-bright_ui: #c6d0f5;
+	--color-accent: #8caaee;
+	--color-frame: #292c3c;
+	--color-text: #b5bfe2;
+	--color-light: #c6d0f5;
+	--color-accent_text: #303446;
+	--color-bright_ui_text: #303446;
+	--color-subtle_text: #a5adce;
+	--color-grid: #a5adce;
+	--color-wireframe: #a5adce;
+	--color-checkerboard: #51576d;
+}

themes/frappe/catppuccin-frappe-flamingo.bbtheme

@@ -0,0 +1,25 @@
+/*
+name: Catppuccin Frappé Flamingo
+author: Catppuccin
+borders: false
+*/
+body {
+	--color-ui: #303446;
+	--color-back: #292c3c;
+	--color-dark: #232634;
+	--color-border: #737994;
+	--color-selected: #51576d;
+	--color-elevated: #414559;
+	--color-button: #414559;
+	--color-bright_ui: #c6d0f5;
+	--color-accent: #eebebe;
+	--color-frame: #292c3c;
+	--color-text: #b5bfe2;
+	--color-light: #c6d0f5;
+	--color-accent_text: #303446;
+	--color-bright_ui_text: #303446;
+	--color-subtle_text: #a5adce;
+	--color-grid: #a5adce;
+	--color-wireframe: #a5adce;
+	--color-checkerboard: #51576d;
+}

themes/frappe/catppuccin-frappe-green.bbtheme

@@ -0,0 +1,25 @@
+/*
+name: Catppuccin Frappé Green
+author: Catppuccin
+borders: false
+*/
+body {
+	--color-ui: #303446;
+	--color-back: #292c3c;
+	--color-dark: #232634;
+	--color-border: #737994;
+	--color-selected: #51576d;
+	--color-elevated: #414559;
+	--color-button: #414559;
+	--color-bright_ui: #c6d0f5;
+	--color-accent: #a6d189;
+	--color-frame: #292c3c;
+	--color-text: #b5bfe2;
+	--color-light: #c6d0f5;
+	--color-accent_text: #303446;
+	--color-bright_ui_text: #303446;
+	--color-subtle_text: #a5adce;
+	--color-grid: #a5adce;
+	--color-wireframe: #a5adce;
+	--color-checkerboard: #51576d;
+}

themes/frappe/catppuccin-frappe-lavender.bbtheme

@@ -0,0 +1,25 @@
+/*
+name: Catppuccin Frappé Lavender
+author: Catppuccin
+borders: false
+*/
+body {
+	--color-ui: #303446;
+	--color-back: #292c3c;
+	--color-dark: #232634;
+	--color-border: #737994;
+	--color-selected: #51576d;
+	--color-elevated: #414559;
+	--color-button: #414559;
+	--color-bright_ui: #c6d0f5;
+	--color-accent: #babbf1;
+	--color-frame: #292c3c;
+	--color-text: #b5bfe2;
+	--color-light: #c6d0f5;
+	--color-accent_text: #303446;
+	--color-bright_ui_text: #303446;
+	--color-subtle_text: #a5adce;
+	--color-grid: #a5adce;
+	--color-wireframe: #a5adce;
+	--color-checkerboard: #51576d;
+}

themes/frappe/catppuccin-frappe-maroon.bbtheme

@@ -0,0 +1,25 @@
+/*
+name: Catppuccin Frappé Maroon
+author: Catppuccin
+borders: false
+*/
+body {
+	--color-ui: #303446;
+	--color-back: #292c3c;
+	--color-dark: #232634;
+	--color-border: #737994;
+	--color-selected: #51576d;
+	--color-elevated: #414559;
+	--color-button: #414559;
+	--color-bright_ui: #c6d0f5;
+	--color-accent: #ea999c;
+	--color-frame: #292c3c;
+	--color-text: #b5bfe2;
+	--color-light: #c6d0f5;
+	--color-accent_text: #303446;
+	--color-bright_ui_text: #303446;
+	--color-subtle_text: #a5adce;
+	--color-grid: #a5adce;
+	--color-wireframe: #a5adce;
+	--color-checkerboard: #51576d;
+}

themes/frappe/catppuccin-frappe-mauve.bbtheme

@@ -0,0 +1,25 @@
+/*
+name: Catppuccin Frappé Mauve
+author: Catppuccin
+borders: false
+*/
+body {
+	--color-ui: #303446;
+	--color-back: #292c3c;
+	--color-dark: #232634;
+	--color-border: #737994;
+	--color-selected: #51576d;
+	--color-elevated: #414559;
+	--color-button: #414559;
+	--color-bright_ui: #c6d0f5;
+	--color-accent: #ca9ee6;
+	--color-frame: #292c3c;
+	--color-text: #b5bfe2;
+	--color-light: #c6d0f5;
+	--color-accent_text: #303446;
+	--color-bright_ui_text: #303446;
+	--color-subtle_text: #a5adce;
+	--color-grid: #a5adce;
+	--color-wireframe: #a5adce;
+	--color-checkerboard: #51576d;
+}

themes/frappe/catppuccin-frappe-peach.bbtheme

@@ -0,0 +1,25 @@
+/*
+name: Catppuccin Frappé Peach
+author: Catppuccin
+borders: false
+*/
+body {
+	--color-ui: #303446;
+	--color-back: #292c3c;
+	--color-dark: #232634;
+	--color-border: #737994;
+	--color-selected: #51576d;
+	--color-elevated: #414559;
+	--color-button: #414559;
+	--color-bright_ui: #c6d0f5;
+	--color-accent: #ef9f76;
+	--color-frame: #292c3c;
+	--color-text: #b5bfe2;
+	--color-light: #c6d0f5;
+	--color-accent_text: #303446;
+	--color-bright_ui_text: #303446;
+	--color-subtle_text: #a5adce;
+	--color-grid: #a5adce;
+	--color-wireframe: #a5adce;
+	--color-checkerboard: #51576d;
+}