/* ==UserStyle==
@name Ghostty.org Catppuccin
@namespace github.com/catppuccin/userstyles/styles/ghostty.org
@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/ghostty.org
@version 2026.03.10
@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/ghostty.org/catppuccin.user.less
@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aghostty.org
@description Soothing pastel theme for Ghostty.org
@author Catppuccin
@license MIT
@preprocessor less
@var select lightFlavor "Light Flavor" ["latte:Latte*", "frappe:Frappé", "macchiato:Macchiato", "mocha:Mocha"]
@var select darkFlavor "Dark Flavor" ["latte:Latte", "frappe:Frappé", "macchiato:Macchiato", "mocha:Mocha*"]
@var select accentColor "Accent" ["rosewater:Rosewater", "flamingo:Flamingo", "pink:Pink", "mauve:Mauve*", "red:Red", "maroon:Maroon", "peach:Peach", "yellow:Yellow", "green:Green", "teal:Teal", "blue:Blue", "sapphire:Sapphire", "sky:Sky", "lavender:Lavender", "subtext0:Gray"]
==/UserStyle== */
@import "https://userstyles.catppuccin.com/lib/lib.less";
@-moz-document domain("ghostty.org") {
@import url("https://unpkg.com/@catppuccin/highlightjs@1.0.0/css/catppuccin-variables.important.css");
html, body {
@media (prefers-color-scheme: light) {
#catppuccin(@lightFlavor);
}
@media (prefers-color-scheme: dark) {
#catppuccin(@darkFlavor);
}
}
#catppuccin(@flavor) {
#lib.palette();
#lib.defaults();
#lib.css-variables();
--brand-color: @accent;
--brand-color-hsl: #hslify(@accent)[];
--gray-0: @base;
--gray-1: @surface0;
--gray-2: @surface1;
--gray-3: @overlay1;
--gray-4: @subtext0;
--gray-5: @subtext1;
--gray-6: @subtext1;
--gray-7: @subtext1;
--gray-8: @text;
--gray-9: @text;
--black: @crust;
--white: @text;
--callout-note: @blue;
--callout-tip: @green;
--callout-important: @mauve;
--callout-warning: @yellow;
--callout-caution: @red;
div[class^="Terminal-module"] {
--adw-headerbar-color: @mantle !important;
--color-sunset-orange: @red;
--color-pastel-orange: @peach;
--color-malachite: @green;
}
[class*="__buttonLink"][class*="__brand"]:hover,
ul[class*="NavTree-module__"] [class*="__active"] {
color: @crust !important;
}
img[alt="Ghostty"] {
@svg: escape(
''
);
content: url("data:image/svg+xml,@{svg}");
}
[class*="DownloadPage_header"] img {
@svg: escape(
''
);
content: url("data:image/svg+xml,@{svg}");
}
pre code {
color: @text;
}
}
}
/* #lib.hslify() with spaces instead of commas. */
#hslify(@color) {
@raw: e(%("%s %s% %s%", hue(@color), saturation(@color), lightness(@color)));
}