feat(ghostty.org): init

scripts/userstyles.yml

@@ -357,6 +357,13 @@ userstyles:
     readme:
       app-link: "https://app.formative.com/home"
     current-maintainers: [*r58Playz]
+  ghostty.org:
+    name: Ghostty.org
+    categories: [terminal, wiki]
+    color: blue
+    readme:
+      app-link: "https://ghostty.org"
+    current-maintainers: [*uncenter]
   github:
     name: GitHub
     categories: [development, productivity]

styles/ghostty.org/catppuccin.user.css

@@ -0,0 +1,146 @@
+/* ==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 0.0.1
+@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/ghostty.org/catppuccin.user.css
+@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== */
+
+@-moz-document domain('ghostty.org') {
+  @import url("https://unpkg.com/@catppuccin/highlightjs@1.0.0/css/catppuccin-variables.important.css");
+
+  @media (prefers-color-scheme: light) {
+    :root,
+    body {
+      #catppuccin(@lightFlavor, @accentColor);
+    }
+  }
+  @media (prefers-color-scheme: dark) {
+    :root,
+    body {
+      #catppuccin(@darkFlavor, @accentColor);
+    }
+  }
+
+  #catppuccin(@lookup, @accent) {
+    @rosewater: @catppuccin[@@lookup][@rosewater];
+    @flamingo: @catppuccin[@@lookup][@flamingo];
+    @pink: @catppuccin[@@lookup][@pink];
+    @mauve: @catppuccin[@@lookup][@mauve];
+    @red: @catppuccin[@@lookup][@red];
+    @maroon: @catppuccin[@@lookup][@maroon];
+    @peach: @catppuccin[@@lookup][@peach];
+    @yellow: @catppuccin[@@lookup][@yellow];
+    @green: @catppuccin[@@lookup][@green];
+    @teal: @catppuccin[@@lookup][@teal];
+    @sky: @catppuccin[@@lookup][@sky];
+    @sapphire: @catppuccin[@@lookup][@sapphire];
+    @blue: @catppuccin[@@lookup][@blue];
+    @lavender: @catppuccin[@@lookup][@lavender];
+    @text: @catppuccin[@@lookup][@text];
+    @subtext1: @catppuccin[@@lookup][@subtext1];
+    @subtext0: @catppuccin[@@lookup][@subtext0];
+    @overlay2: @catppuccin[@@lookup][@overlay2];
+    @overlay1: @catppuccin[@@lookup][@overlay1];
+    @overlay0: @catppuccin[@@lookup][@overlay0];
+    @surface2: @catppuccin[@@lookup][@surface2];
+    @surface1: @catppuccin[@@lookup][@surface1];
+    @surface0: @catppuccin[@@lookup][@surface0];
+    @base: @catppuccin[@@lookup][@base];
+    @mantle: @catppuccin[@@lookup][@mantle];
+    @crust: @catppuccin[@@lookup][@crust];
+    @accent-color: @catppuccin[@@lookup][@@accent];
+
+    --ctp-rosewater: @rosewater;
+    --ctp-flamingo: @flamingo;
+    --ctp-pink: @pink;
+    --ctp-mauve: @mauve;
+    --ctp-red: @red;
+    --ctp-maroon: @maroon;
+    --ctp-peach: @peach;
+    --ctp-yellow: @yellow;
+    --ctp-green: @green;
+    --ctp-teal: @teal;
+    --ctp-sky: @sky;
+    --ctp-sapphire: @sapphire;
+    --ctp-blue: @blue;
+    --ctp-lavender: @lavender;
+    --ctp-text: @text;
+    --ctp-subtext1: @subtext1;
+    --ctp-subtext0: @subtext0;
+    --ctp-overlay2: @overlay2;
+    --ctp-overlay1: @overlay1;
+    --ctp-overlay0: @overlay0;
+    --ctp-surface2: @surface2;
+    --ctp-surface1: @surface1;
+    --ctp-surface0: @surface0;
+    --ctp-base: @base;
+    --ctp-mantle: @mantle;
+    --ctp-crust: @crust;
+
+    color-scheme: if(@lookup = latte, light, dark);
+
+    ::selection {
+      background-color: fade(@accent-color, 30%);
+    }
+
+    input,
+    textarea {
+      &::placeholder {
+        color: @subtext0 !important;
+      }
+    }
+
+    --brand-color: @accent-color;
+    --brand-color-hsl: #hslify(@accent-color) [];
+    --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;
+
+    [class*="Link_buttonLink"]:hover,
+    ul [class*="NavTree_active"] {
+      color: @crust !important;
+    }
+
+    img[alt="Ghostty"] {
+      @svg: escape(
+        '<svg width="132" height="32" viewBox="0 0 132 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M48.495 6.592c4.714 0 7.368 2.706 7.635 6.43h-2.68c-.295-2.571-2.009-4.017-4.822-4.017h-.267c-3.75 0-6.297 2.705-6.297 7.234 0 4.476 2.546 7.235 6.297 7.235h.267c3.296 0 5.226-2.01 5.226-4.476v-.508h-5.36v-2.384h5.493c1.475 0 2.277.775 2.277 2.276v7.234H53.85V23.5c-.616.937-2.492 2.384-5.359 2.384-5.438 0-9.11-4.047-9.11-9.645 0-5.626 3.564-9.644 9.11-9.644zm10.287.27h2.546v7.235c.883-1.313 2.25-2.143 4.287-2.143 3.027 0 4.823 1.875 4.823 4.688v8.977h-2.546v-8.44c0-1.955-.884-3.08-2.706-3.08h-.213c-1.93 0-3.643 1.526-3.643 4.018v7.502h-2.546V6.862zm20.067 5.09c3.617 0 6.43 2.867 6.43 6.964 0 4.1-2.813 6.965-6.43 6.965s-6.43-2.867-6.43-6.965c0-4.1 2.813-6.965 6.43-6.965m.108 11.789c2.197 0 3.777-1.768 3.777-4.822s-1.58-4.822-3.777-4.822h-.213c-2.197 0-3.777 1.767-3.777 4.822 0 3.054 1.58 4.822 3.776 4.822zm10.207-2.279c.134 1.475 1.339 2.277 2.975 2.277h.213c1.42 0 2.492-.67 2.492-1.742 0-.884-.508-1.475-1.821-1.714l-1.955-.375c-2.359-.455-3.913-1.688-3.913-3.83 0-2.6 2.33-4.127 5.064-4.127 3.455 0 5.305 1.822 5.305 4.422h-2.546c-.134-1.287-1.1-2.277-2.626-2.277h-.213c-1.475 0-2.438.75-2.438 1.714 0 .884.616 1.475 1.875 1.714l2.117.429c2.25.455 3.697 1.662 3.697 3.913 0 2.412-2.17 4.018-5.277 4.018-3.51 0-5.33-1.822-5.493-4.422h2.546zm24.864 1.876c-.776 0-1.071-.296-1.071-1.072v-7.85h3.214v-2.197h-3.214v-4.34h-2.546v4.34h-6.164v-4.34h-2.546v4.34h-2.946v2.196h2.946v8.252c0 1.85 1.1 2.947 2.947 2.947h3.214v-2.276h-2.546c-.776 0-1.071-.296-1.071-1.072v-7.85h6.163v8.251c0 1.85 1.1 2.947 2.947 2.947h3.214v-2.276h-2.546zm17.174-11.12-6.402 16.21c-.696 1.687-1.58 2.142-3.268 2.142h-3.055v-2.276h2.652c.938 0 1.287-.242 1.608-1.018l.804-2.037-5.868-13.02h2.706l4.393 9.752 3.805-9.752z" fill="@{text}"/><path d="M20.396 32a6.35 6.35 0 0 1-3.517-1.067A6.36 6.36 0 0 1 13.362 32a6.35 6.35 0 0 1-3.516-1.067A6.27 6.27 0 0 1 6.372 32h-.038a6.26 6.26 0 0 1-4.5-1.906 6.38 6.38 0 0 1-1.836-4.482v-12.25C0 5.995 5.994 0 13.363 0s13.362 5.994 13.362 13.363v12.253c0 3.393-2.626 6.192-5.978 6.375q-.175.01-.352.009" fill="@{accent-color}"/><path d="M20.396 30.593a4.93 4.93 0 0 1-3.08-1.083.66.66 0 0 0-.42-.145.8.8 0 0 0-.488.176 4.94 4.94 0 0 1-3.046 1.055 4.94 4.94 0 0 1-3.045-1.055.75.75 0 0 0-.942 0 4.9 4.9 0 0 1-3.01 1.055h-.033a4.85 4.85 0 0 1-3.49-1.482 4.98 4.98 0 0 1-1.436-3.498V13.367c0-6.597 5.364-11.96 11.957-11.96 6.592 0 11.956 5.363 11.956 11.956v12.253c0 2.645-2.042 4.827-4.65 4.97a5 5 0 0 1-.274.007" fill="@{crust}"/><path d="M23.912 13.363v12.253c0 1.876-1.447 3.463-3.32 3.566a3.5 3.5 0 0 1-2.398-.769c-.778-.626-1.873-.598-2.658.021a3.5 3.5 0 0 1-2.176.753 3.5 3.5 0 0 1-2.173-.753 2.15 2.15 0 0 0-2.684 0 3.5 3.5 0 0 1-2.15.753c-1.948.014-3.54-1.627-3.54-3.575v-12.25c0-5.825 4.724-10.549 10.55-10.549 5.825 0 10.549 4.724 10.549 10.55" fill="@{text}"/><path d="m11.28 12.437-3.93-2.27a1.07 1.07 0 0 0-1.463.392 1.07 1.07 0 0 0 .391 1.463l2.326 1.343-2.326 1.343a1.072 1.072 0 0 0 1.071 1.855l3.932-2.27a1.07 1.07 0 0 0 0-1.854zm8.902-.146h-5.164a1.071 1.071 0 1 0 0 2.143h5.164a1.071 1.071 0 1 0 0-2.143" fill="@{crust}"/></svg>'
+      );
+      content: url("data:image/svg+xml,@{svg}");
+    }
+  }
+}
+
+#hslify(@color) {
+  @raw: e(
+    %("%s, %s%, %s%", hue(@color), saturation(@color), lightness(@color))
+  );
+}
+
+/* prettier-ignore */
+@catppuccin: {
+  @latte:     { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; };
+  @frappe:    { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; };
+  @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; };
+  @mocha:     { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; };
+}
+
+// vim:ft=less