diff --git a/.github/workflows/whiskers-check.yml b/.github/workflows/whiskers-check.yml
index 8df40d9..b290b54 100644
--- a/.github/workflows/whiskers-check.yml
+++ b/.github/workflows/whiskers-check.yml
@@ -12,4 +12,4 @@ jobs:
uses: catppuccin/actions/.github/workflows/whiskers-check.yml@v1
with:
args: blockbench.tera
- secrets: inherit
+ secrets: inherit
\ No newline at end of file
diff --git a/README.md b/README.md
index 2df49a5..8e12272 100644
--- a/README.md
+++ b/README.md
@@ -19,19 +19,19 @@
🌻 Latte
-
+
🪴 Frappé
-
+
🌺 Macchiato
-
+
🌿 Mocha
-
+
## Installation
diff --git a/assets/.gitkeep b/assets/.gitkeep
deleted file mode 100644
index e69de29..0000000
diff --git a/assets/Frappe.png b/assets/Frappe.png
deleted file mode 100644
index 55d2332..0000000
Binary files a/assets/Frappe.png and /dev/null differ
diff --git a/assets/Latte.png b/assets/Latte.png
deleted file mode 100644
index 0e17be4..0000000
Binary files a/assets/Latte.png and /dev/null differ
diff --git a/assets/Macchiato.png b/assets/Macchiato.png
deleted file mode 100644
index e4deec8..0000000
Binary files a/assets/Macchiato.png and /dev/null differ
diff --git a/assets/Mocha.png b/assets/Mocha.png
deleted file mode 100644
index 1fe3923..0000000
Binary files a/assets/Mocha.png and /dev/null differ
diff --git a/assets/frappe.webp b/assets/frappe.webp
new file mode 100644
index 0000000..83f5ed1
Binary files /dev/null and b/assets/frappe.webp differ
diff --git a/assets/latte.webp b/assets/latte.webp
new file mode 100644
index 0000000..2d9b2df
Binary files /dev/null and b/assets/latte.webp differ
diff --git a/assets/macchiato.webp b/assets/macchiato.webp
new file mode 100644
index 0000000..f28d9f8
Binary files /dev/null and b/assets/macchiato.webp differ
diff --git a/assets/mocha.webp b/assets/mocha.webp
new file mode 100644
index 0000000..bf3c6b5
Binary files /dev/null and b/assets/mocha.webp differ
diff --git a/assets/preview.webp b/assets/preview.webp
index bcbb09a..0aeadee 100644
Binary files a/assets/preview.webp and b/assets/preview.webp differ
diff --git a/blockbench.tera b/blockbench.tera
index 713b04a..439163c 100644
--- a/blockbench.tera
+++ b/blockbench.tera
@@ -1,31 +1,159 @@
---
whiskers:
- version: 2.0.0
- matrix:
- - flavor
- filename: "themes/{{ flavor.identifier | capitalize }}.bbtheme"
+ version: ^2.5.1
+ filename: "themes/catppuccin.bbtheme"
+ hex_format: "#{{r}}{{g}}{{b}}"
---
-{%- 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
+author: Catppuccin
+version: 1.0
+borders: false
+options:
+ flavor:
+ name: Flavor
+ options:
+ latte: Latte
+ frappe: Frappé
+ macchiato: Macchiato
+ mocha: Mocha
+ accent:
+ name: Accent
+ options:
+ {%- for flavorId, flavor in flavors %}{%- if loop.last %}
+ {%- for colorId, color in flavor.colors %}{%- if color.accent %}
+ {{ colorId }}: {{color.name}}
+ {%- endif %}{%- endfor %}
+ {%- endif %}{%- endfor %}
+*/
+
+{%- set_global default_flavor = flavors['mocha'].colors %}
+{%- set_global brightui = flavors['latte'].colors %}
+
+body {
+ --color-ui: {{ default_flavor.base.hex }};
+ --color-back: {{ default_flavor.mantle.hex }};
+ --color-dark: {{ default_flavor.crust.hex }};
+ --color-border: {{ default_flavor.overlay0.hex }};
+ --color-selected: {{ default_flavor.surface1.hex }};
+ --color-elevated: {{ default_flavor.surface0.hex }};
+ --color-button: {{ default_flavor.surface0.hex }};
+ --color-bright_ui: {{ brightui.base.hex }};
+ --color-frame: {{ default_flavor.mantle.hex }};
+ --color-text: {{ default_flavor.subtext1.hex }};
+ --color-light: {{ default_flavor.text.hex }};
+ --color-accent_text: {{ default_flavor.base.hex }};
+ --color-bright_ui_text: {{ brightui.text.hex }};
+ --color-subtle_text: {{ default_flavor.subtext0.hex }};
+ --color-grid: {{ default_flavor.subtext0.hex }};
+ --color-wireframe: {{ default_flavor.subtext0.hex }};
+ --color-checkerboard: {{ default_flavor.surface1.hex }};
+
+ --color-accent: {{ default_flavor.mauve.hex }};
+
+ --color-menu_separator: {{ default_flavor.overlay0.hex }};
+ --color-guidelines: {{ default_flavor.subtext0 | mod(opacity=0.7) | get(key="hex") }};
+
+ --color-close: {{ default_flavor.red.hex }};
+ --color-confirm: {{ default_flavor.green.hex }};
+ --color-error: {{ default_flavor.red.hex }};
+ --color-warning: {{ default_flavor.yellow.hex }};
+
+ --color-stream: {{ default_flavor.lavender.hex }};
+
+ --color-axis-x: {{ default_flavor.red.hex }};
+ --color-axis-y: {{ default_flavor.green.hex }};
+ --color-axis-z: {{ default_flavor.blue.hex }};
+ --color-axis-w: {{ default_flavor.yellow.hex }};
+
+ --color-axis-u: {{ default_flavor.sky.hex }};
+ --color-axis-v: {{ default_flavor.pink.hex }};
+
+ --color-spline-handle-mirrored: {{ default_flavor.red.hex }};
+ --color-spline-handle-aligned: {{ default_flavor.yellow.hex }};
+ --color-spline-handle-free: {{ default_flavor.green.hex }};
}
+
+/* Theme preview can only be accurate when theme selected,
+ limitation with upstream */
+[theme_id^="catppuccin"].theme_preview {
+ --color-ui: inherit !important;
+ --color-back: inherit !important;
+ --color-dark: inherit !important;
+ --color-border: inherit !important;
+ --color-selected: inherit !important;
+ --color-elevated: inherit !important;
+ --color-button: inherit !important;
+ --color-bright_ui: inherit !important;
+ --color-frame: inherit !important;
+ --color-text: inherit !important;
+ --color-light: inherit !important;
+ --color-accent_text: inherit !important;
+ --color-bright_ui_text: inherit !important;
+ --color-subtle_text: inherit !important;
+ --color-grid: inherit !important;
+ --color-wireframe: inherit !important;
+ --color-checkerboard: inherit !important;
+ --color-accent: inherit !important;
+}
+
+{%- for flavorId, flavor in flavors %}
+[theme-flavor="{{ flavorId }}"] {
+ {%- set_global colors = flavor.colors %}
+ --color-ui: {{ colors.base.hex }};
+ --color-back: {{ colors.mantle.hex }};
+ --color-dark: {{ colors.crust.hex }};
+ --color-border: {{ colors.overlay0.hex }};
+ --color-selected: {{ colors.surface1.hex }};
+ --color-elevated: {{ colors.surface0.hex }};
+ --color-button: {{ colors.surface0.hex }};
+ --color-bright_ui: {{ brightui.base.hex }};
+ --color-frame: {{ colors.mantle.hex }};
+ --color-text: {{ colors.subtext1.hex }};
+ --color-light: {{ colors.text.hex }};
+ --color-accent_text: {{ colors.base.hex }};
+ --color-bright_ui_text: {{ brightui.text.hex }};
+ --color-subtle_text: {{ colors.subtext0.hex }};
+ --color-grid: {{ colors.subtext0.hex }};
+ --color-wireframe: {{ colors.subtext0.hex }};
+ --color-checkerboard: {{ colors.surface1.hex }};
+
+ --color-menu_separator: {{ colors.overlay0.hex }};
+ --color-guidelines: {{ colors.subtext0 | mod(opacity=0.7) | get(key="hex") }};
+
+ --color-close: {{ colors.red.hex }};
+ --color-confirm: {{ colors.green.hex }};
+ --color-error: {{ colors.red.hex }};
+ --color-warning: {{ colors.yellow.hex }};
+
+ --color-stream: {{ colors.lavender.hex }};
+
+ --color-axis-x: {{ colors.red.hex }};
+ --color-axis-y: {{ colors.green.hex }};
+ --color-axis-z: {{ colors.blue.hex }};
+ --color-axis-w: {{ colors.yellow.hex }};
+
+ --color-axis-u: {{ colors.sky.hex }};
+ --color-axis-v: {{ colors.pink.hex }};
+
+ --color-spline-handle-mirrored: {{ colors.red.hex }};
+ --color-spline-handle-aligned: {{ colors.yellow.hex }};
+ --color-spline-handle-free: {{ colors.green.hex }};
+}
+{%- for colorId, color in flavor.colors %}{% if color.accent %}
+[theme-flavor="{{ flavorId }}"][theme-accent="{{ colorId }}"] {
+ --color-accent: {{ color.hex }};
+}
+{%- endif %}{%- endfor %}
+{%- endfor %}
+#preview {
+ --color-axis-x: inherit;
+ --color-axis-y: inherit;
+ --color-axis-z: inherit;
+ --color-axis-u: inherit;
+ --color-axis-v: inherit;
+ --color-axis-w: inherit;
+}
+[style^="background-color: var(--color-stream)"] {
+ color: {{ colors.base.hex }} !important;
+}
\ No newline at end of file
diff --git a/themes/Frappe.bbtheme b/themes/Frappe.bbtheme
deleted file mode 100644
index 9c1b3dd..0000000
--- a/themes/Frappe.bbtheme
+++ /dev/null
@@ -1,23 +0,0 @@
-{
- "name": "Frappé",
- "author": "Catppuccin",
- "colors": {
- "ui": "#303446",
- "back": "#292c3c",
- "dark": "#232634",
- "border": "737994",
- "selected": "#51576d",
- "button": "#414559",
- "bright_ui": "#414559",
- "accent": "#51576d",
- "frame": "#292c3c",
- "text": "#c6d0f5",
- "light": "#a5adce",
- "accent_text": "#babbf1",
- "bright_ui_text": "#c6d0f5",
- "subtle_text": "#a5adce",
- "grid": "#a5adce",
- "wireframe": "#a5adce",
- "checkerboard": "#51576d"
- }
-}
\ No newline at end of file
diff --git a/themes/Latte.bbtheme b/themes/Latte.bbtheme
deleted file mode 100644
index a08f1df..0000000
--- a/themes/Latte.bbtheme
+++ /dev/null
@@ -1,23 +0,0 @@
-{
- "name": "Latte",
- "author": "Catppuccin",
- "colors": {
- "ui": "#eff1f5",
- "back": "#e6e9ef",
- "dark": "#dce0e8",
- "border": "9ca0b0",
- "selected": "#bcc0cc",
- "button": "#ccd0da",
- "bright_ui": "#ccd0da",
- "accent": "#bcc0cc",
- "frame": "#e6e9ef",
- "text": "#4c4f69",
- "light": "#6c6f85",
- "accent_text": "#7287fd",
- "bright_ui_text": "#4c4f69",
- "subtle_text": "#6c6f85",
- "grid": "#6c6f85",
- "wireframe": "#6c6f85",
- "checkerboard": "#bcc0cc"
- }
-}
\ No newline at end of file
diff --git a/themes/Macchiato.bbtheme b/themes/Macchiato.bbtheme
deleted file mode 100644
index b201040..0000000
--- a/themes/Macchiato.bbtheme
+++ /dev/null
@@ -1,23 +0,0 @@
-{
- "name": "Macchiato",
- "author": "Catppuccin",
- "colors": {
- "ui": "#24273a",
- "back": "#1e2030",
- "dark": "#181926",
- "border": "6e738d",
- "selected": "#494d64",
- "button": "#363a4f",
- "bright_ui": "#363a4f",
- "accent": "#494d64",
- "frame": "#1e2030",
- "text": "#cad3f5",
- "light": "#a5adcb",
- "accent_text": "#b7bdf8",
- "bright_ui_text": "#cad3f5",
- "subtle_text": "#a5adcb",
- "grid": "#a5adcb",
- "wireframe": "#a5adcb",
- "checkerboard": "#494d64"
- }
-}
\ No newline at end of file
diff --git a/themes/Mocha.bbtheme b/themes/Mocha.bbtheme
deleted file mode 100644
index 0265579..0000000
--- a/themes/Mocha.bbtheme
+++ /dev/null
@@ -1,23 +0,0 @@
-{
- "name": "Mocha",
- "author": "Catppuccin",
- "colors": {
- "ui": "#1e1e2e",
- "back": "#181825",
- "dark": "#11111b",
- "border": "6c7086",
- "selected": "#45475a",
- "button": "#313244",
- "bright_ui": "#313244",
- "accent": "#45475a",
- "frame": "#181825",
- "text": "#cdd6f4",
- "light": "#a6adc8",
- "accent_text": "#b4befe",
- "bright_ui_text": "#cdd6f4",
- "subtle_text": "#a6adc8",
- "grid": "#a6adc8",
- "wireframe": "#a6adc8",
- "checkerboard": "#45475a"
- }
-}
\ No newline at end of file
diff --git a/themes/catppuccin.bbtheme b/themes/catppuccin.bbtheme
new file mode 100644
index 0000000..7df8be0
--- /dev/null
+++ b/themes/catppuccin.bbtheme
@@ -0,0 +1,441 @@
+/*
+name: Catppuccin
+author: Catppuccin
+version: 1.0
+borders: false
+options:
+ flavor:
+ name: Flavor
+ options:
+ latte: Latte
+ frappe: Frappé
+ macchiato: Macchiato
+ mocha: Mocha
+ accent:
+ name: Accent
+ options:
+ rosewater: Rosewater
+ flamingo: Flamingo
+ pink: Pink
+ mauve: Mauve
+ red: Red
+ maroon: Maroon
+ peach: Peach
+ yellow: Yellow
+ green: Green
+ teal: Teal
+ sky: Sky
+ sapphire: Sapphire
+ blue: Blue
+ lavender: Lavender
+*/
+
+body {
+ --color-ui: #1e1e2e;
+ --color-back: #181825;
+ --color-dark: #11111b;
+ --color-border: #6c7086;
+ --color-selected: #45475a;
+ --color-elevated: #313244;
+ --color-button: #313244;
+ --color-bright_ui: #eff1f5;
+ --color-frame: #181825;
+ --color-text: #bac2de;
+ --color-light: #cdd6f4;
+ --color-accent_text: #1e1e2e;
+ --color-bright_ui_text: #4c4f69;
+ --color-subtle_text: #a6adc8;
+ --color-grid: #a6adc8;
+ --color-wireframe: #a6adc8;
+ --color-checkerboard: #45475a;
+
+ --color-accent: #cba6f7;
+
+ --color-menu_separator: #6c7086;
+ --color-guidelines: #a6adc8;
+
+ --color-close: #f38ba8;
+ --color-confirm: #a6e3a1;
+ --color-error: #f38ba8;
+ --color-warning: #f9e2af;
+
+ --color-stream: #b4befe;
+
+ --color-axis-x: #f38ba8;
+ --color-axis-y: #a6e3a1;
+ --color-axis-z: #89b4fa;
+ --color-axis-w: #f9e2af;
+
+ --color-axis-u: #89dceb;
+ --color-axis-v: #f5c2e7;
+
+ --color-spline-handle-mirrored: #f38ba8;
+ --color-spline-handle-aligned: #f9e2af;
+ --color-spline-handle-free: #a6e3a1;
+}
+
+/* Theme preview can only be accurate when theme selected,
+ limitation with upstream */
+[theme_id^="catppuccin"].theme_preview {
+ --color-ui: inherit !important;
+ --color-back: inherit !important;
+ --color-dark: inherit !important;
+ --color-border: inherit !important;
+ --color-selected: inherit !important;
+ --color-elevated: inherit !important;
+ --color-button: inherit !important;
+ --color-bright_ui: inherit !important;
+ --color-frame: inherit !important;
+ --color-text: inherit !important;
+ --color-light: inherit !important;
+ --color-accent_text: inherit !important;
+ --color-bright_ui_text: inherit !important;
+ --color-subtle_text: inherit !important;
+ --color-grid: inherit !important;
+ --color-wireframe: inherit !important;
+ --color-checkerboard: inherit !important;
+ --color-accent: inherit !important;
+}
+[theme-flavor="latte"] {
+ --color-ui: #eff1f5;
+ --color-back: #e6e9ef;
+ --color-dark: #dce0e8;
+ --color-border: #9ca0b0;
+ --color-selected: #bcc0cc;
+ --color-elevated: #ccd0da;
+ --color-button: #ccd0da;
+ --color-bright_ui: #eff1f5;
+ --color-frame: #e6e9ef;
+ --color-text: #5c5f77;
+ --color-light: #4c4f69;
+ --color-accent_text: #eff1f5;
+ --color-bright_ui_text: #4c4f69;
+ --color-subtle_text: #6c6f85;
+ --color-grid: #6c6f85;
+ --color-wireframe: #6c6f85;
+ --color-checkerboard: #bcc0cc;
+
+ --color-menu_separator: #9ca0b0;
+ --color-guidelines: #6c6f85;
+
+ --color-close: #d20f39;
+ --color-confirm: #40a02b;
+ --color-error: #d20f39;
+ --color-warning: #df8e1d;
+
+ --color-stream: #7287fd;
+
+ --color-axis-x: #d20f39;
+ --color-axis-y: #40a02b;
+ --color-axis-z: #1e66f5;
+ --color-axis-w: #df8e1d;
+
+ --color-axis-u: #04a5e5;
+ --color-axis-v: #ea76cb;
+
+ --color-spline-handle-mirrored: #d20f39;
+ --color-spline-handle-aligned: #df8e1d;
+ --color-spline-handle-free: #40a02b;
+}
+[theme-flavor="latte"][theme-accent="rosewater"] {
+ --color-accent: #dc8a78;
+}
+[theme-flavor="latte"][theme-accent="flamingo"] {
+ --color-accent: #dd7878;
+}
+[theme-flavor="latte"][theme-accent="pink"] {
+ --color-accent: #ea76cb;
+}
+[theme-flavor="latte"][theme-accent="mauve"] {
+ --color-accent: #8839ef;
+}
+[theme-flavor="latte"][theme-accent="red"] {
+ --color-accent: #d20f39;
+}
+[theme-flavor="latte"][theme-accent="maroon"] {
+ --color-accent: #e64553;
+}
+[theme-flavor="latte"][theme-accent="peach"] {
+ --color-accent: #fe640b;
+}
+[theme-flavor="latte"][theme-accent="yellow"] {
+ --color-accent: #df8e1d;
+}
+[theme-flavor="latte"][theme-accent="green"] {
+ --color-accent: #40a02b;
+}
+[theme-flavor="latte"][theme-accent="teal"] {
+ --color-accent: #179299;
+}
+[theme-flavor="latte"][theme-accent="sky"] {
+ --color-accent: #04a5e5;
+}
+[theme-flavor="latte"][theme-accent="sapphire"] {
+ --color-accent: #209fb5;
+}
+[theme-flavor="latte"][theme-accent="blue"] {
+ --color-accent: #1e66f5;
+}
+[theme-flavor="latte"][theme-accent="lavender"] {
+ --color-accent: #7287fd;
+}
+[theme-flavor="frappe"] {
+ --color-ui: #303446;
+ --color-back: #292c3c;
+ --color-dark: #232634;
+ --color-border: #737994;
+ --color-selected: #51576d;
+ --color-elevated: #414559;
+ --color-button: #414559;
+ --color-bright_ui: #eff1f5;
+ --color-frame: #292c3c;
+ --color-text: #b5bfe2;
+ --color-light: #c6d0f5;
+ --color-accent_text: #303446;
+ --color-bright_ui_text: #4c4f69;
+ --color-subtle_text: #a5adce;
+ --color-grid: #a5adce;
+ --color-wireframe: #a5adce;
+ --color-checkerboard: #51576d;
+
+ --color-menu_separator: #737994;
+ --color-guidelines: #a5adce;
+
+ --color-close: #e78284;
+ --color-confirm: #a6d189;
+ --color-error: #e78284;
+ --color-warning: #e5c890;
+
+ --color-stream: #babbf1;
+
+ --color-axis-x: #e78284;
+ --color-axis-y: #a6d189;
+ --color-axis-z: #8caaee;
+ --color-axis-w: #e5c890;
+
+ --color-axis-u: #99d1db;
+ --color-axis-v: #f4b8e4;
+
+ --color-spline-handle-mirrored: #e78284;
+ --color-spline-handle-aligned: #e5c890;
+ --color-spline-handle-free: #a6d189;
+}
+[theme-flavor="frappe"][theme-accent="rosewater"] {
+ --color-accent: #f2d5cf;
+}
+[theme-flavor="frappe"][theme-accent="flamingo"] {
+ --color-accent: #eebebe;
+}
+[theme-flavor="frappe"][theme-accent="pink"] {
+ --color-accent: #f4b8e4;
+}
+[theme-flavor="frappe"][theme-accent="mauve"] {
+ --color-accent: #ca9ee6;
+}
+[theme-flavor="frappe"][theme-accent="red"] {
+ --color-accent: #e78284;
+}
+[theme-flavor="frappe"][theme-accent="maroon"] {
+ --color-accent: #ea999c;
+}
+[theme-flavor="frappe"][theme-accent="peach"] {
+ --color-accent: #ef9f76;
+}
+[theme-flavor="frappe"][theme-accent="yellow"] {
+ --color-accent: #e5c890;
+}
+[theme-flavor="frappe"][theme-accent="green"] {
+ --color-accent: #a6d189;
+}
+[theme-flavor="frappe"][theme-accent="teal"] {
+ --color-accent: #81c8be;
+}
+[theme-flavor="frappe"][theme-accent="sky"] {
+ --color-accent: #99d1db;
+}
+[theme-flavor="frappe"][theme-accent="sapphire"] {
+ --color-accent: #85c1dc;
+}
+[theme-flavor="frappe"][theme-accent="blue"] {
+ --color-accent: #8caaee;
+}
+[theme-flavor="frappe"][theme-accent="lavender"] {
+ --color-accent: #babbf1;
+}
+[theme-flavor="macchiato"] {
+ --color-ui: #24273a;
+ --color-back: #1e2030;
+ --color-dark: #181926;
+ --color-border: #6e738d;
+ --color-selected: #494d64;
+ --color-elevated: #363a4f;
+ --color-button: #363a4f;
+ --color-bright_ui: #eff1f5;
+ --color-frame: #1e2030;
+ --color-text: #b8c0e0;
+ --color-light: #cad3f5;
+ --color-accent_text: #24273a;
+ --color-bright_ui_text: #4c4f69;
+ --color-subtle_text: #a5adcb;
+ --color-grid: #a5adcb;
+ --color-wireframe: #a5adcb;
+ --color-checkerboard: #494d64;
+
+ --color-menu_separator: #6e738d;
+ --color-guidelines: #a5adcb;
+
+ --color-close: #ed8796;
+ --color-confirm: #a6da95;
+ --color-error: #ed8796;
+ --color-warning: #eed49f;
+
+ --color-stream: #b7bdf8;
+
+ --color-axis-x: #ed8796;
+ --color-axis-y: #a6da95;
+ --color-axis-z: #8aadf4;
+ --color-axis-w: #eed49f;
+
+ --color-axis-u: #91d7e3;
+ --color-axis-v: #f5bde6;
+
+ --color-spline-handle-mirrored: #ed8796;
+ --color-spline-handle-aligned: #eed49f;
+ --color-spline-handle-free: #a6da95;
+}
+[theme-flavor="macchiato"][theme-accent="rosewater"] {
+ --color-accent: #f4dbd6;
+}
+[theme-flavor="macchiato"][theme-accent="flamingo"] {
+ --color-accent: #f0c6c6;
+}
+[theme-flavor="macchiato"][theme-accent="pink"] {
+ --color-accent: #f5bde6;
+}
+[theme-flavor="macchiato"][theme-accent="mauve"] {
+ --color-accent: #c6a0f6;
+}
+[theme-flavor="macchiato"][theme-accent="red"] {
+ --color-accent: #ed8796;
+}
+[theme-flavor="macchiato"][theme-accent="maroon"] {
+ --color-accent: #ee99a0;
+}
+[theme-flavor="macchiato"][theme-accent="peach"] {
+ --color-accent: #f5a97f;
+}
+[theme-flavor="macchiato"][theme-accent="yellow"] {
+ --color-accent: #eed49f;
+}
+[theme-flavor="macchiato"][theme-accent="green"] {
+ --color-accent: #a6da95;
+}
+[theme-flavor="macchiato"][theme-accent="teal"] {
+ --color-accent: #8bd5ca;
+}
+[theme-flavor="macchiato"][theme-accent="sky"] {
+ --color-accent: #91d7e3;
+}
+[theme-flavor="macchiato"][theme-accent="sapphire"] {
+ --color-accent: #7dc4e4;
+}
+[theme-flavor="macchiato"][theme-accent="blue"] {
+ --color-accent: #8aadf4;
+}
+[theme-flavor="macchiato"][theme-accent="lavender"] {
+ --color-accent: #b7bdf8;
+}
+[theme-flavor="mocha"] {
+ --color-ui: #1e1e2e;
+ --color-back: #181825;
+ --color-dark: #11111b;
+ --color-border: #6c7086;
+ --color-selected: #45475a;
+ --color-elevated: #313244;
+ --color-button: #313244;
+ --color-bright_ui: #eff1f5;
+ --color-frame: #181825;
+ --color-text: #bac2de;
+ --color-light: #cdd6f4;
+ --color-accent_text: #1e1e2e;
+ --color-bright_ui_text: #4c4f69;
+ --color-subtle_text: #a6adc8;
+ --color-grid: #a6adc8;
+ --color-wireframe: #a6adc8;
+ --color-checkerboard: #45475a;
+
+ --color-menu_separator: #6c7086;
+ --color-guidelines: #a6adc8;
+
+ --color-close: #f38ba8;
+ --color-confirm: #a6e3a1;
+ --color-error: #f38ba8;
+ --color-warning: #f9e2af;
+
+ --color-stream: #b4befe;
+
+ --color-axis-x: #f38ba8;
+ --color-axis-y: #a6e3a1;
+ --color-axis-z: #89b4fa;
+ --color-axis-w: #f9e2af;
+
+ --color-axis-u: #89dceb;
+ --color-axis-v: #f5c2e7;
+
+ --color-spline-handle-mirrored: #f38ba8;
+ --color-spline-handle-aligned: #f9e2af;
+ --color-spline-handle-free: #a6e3a1;
+}
+[theme-flavor="mocha"][theme-accent="rosewater"] {
+ --color-accent: #f5e0dc;
+}
+[theme-flavor="mocha"][theme-accent="flamingo"] {
+ --color-accent: #f2cdcd;
+}
+[theme-flavor="mocha"][theme-accent="pink"] {
+ --color-accent: #f5c2e7;
+}
+[theme-flavor="mocha"][theme-accent="mauve"] {
+ --color-accent: #cba6f7;
+}
+[theme-flavor="mocha"][theme-accent="red"] {
+ --color-accent: #f38ba8;
+}
+[theme-flavor="mocha"][theme-accent="maroon"] {
+ --color-accent: #eba0ac;
+}
+[theme-flavor="mocha"][theme-accent="peach"] {
+ --color-accent: #fab387;
+}
+[theme-flavor="mocha"][theme-accent="yellow"] {
+ --color-accent: #f9e2af;
+}
+[theme-flavor="mocha"][theme-accent="green"] {
+ --color-accent: #a6e3a1;
+}
+[theme-flavor="mocha"][theme-accent="teal"] {
+ --color-accent: #94e2d5;
+}
+[theme-flavor="mocha"][theme-accent="sky"] {
+ --color-accent: #89dceb;
+}
+[theme-flavor="mocha"][theme-accent="sapphire"] {
+ --color-accent: #74c7ec;
+}
+[theme-flavor="mocha"][theme-accent="blue"] {
+ --color-accent: #89b4fa;
+}
+[theme-flavor="mocha"][theme-accent="lavender"] {
+ --color-accent: #b4befe;
+}
+#preview {
+ --color-axis-x: inherit;
+ --color-axis-y: inherit;
+ --color-axis-z: inherit;
+ --color-axis-u: inherit;
+ --color-axis-v: inherit;
+ --color-axis-w: inherit;
+}
+[style^="background-color: var(--color-stream)"] {
+ color: #1e1e2e !important;
+}
\ No newline at end of file