feat(fabric-docs): init

scripts/userstyles.yml

@@ -75,6 +75,7 @@ collaborators:
   - &koibtw koibtw
   - &TheAnonymousCrusher TheAnonymousCrusher
   - &42willow 42willow
+  - &scarcekoi scarcekoi
 
 userstyles:
   advent-of-code:
@@ -296,6 +297,12 @@ userstyles:
     categories: [social_networking]
     color: peach
     current-maintainers: [*ryanccn]
+  fabric-docs:
+    name: Fabric Docs
+    link: https://docs.fabricmc.net
+    categories: [wiki]
+    color: blue
+    current-maintainers: [*scarcekoi]
   freedesktop:
     name: freedesktop.org
     link: https://www.freedesktop.org

styles/fabric-docs/catppuccin.user.less

@@ -0,0 +1,120 @@
+/* ==UserStyle==
+@name Fabric Docs Catppuccin
+@namespace github.com/catppuccin/userstyles/styles/fabric-docs
+@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/fabric-docs
+@version 2000.01.01
+@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/fabric-docs/catppuccin.user.less
+@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Afabric-docs
+@description Soothing pastel theme for Fabric Docs
+@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("docs.fabricmc.net") {
+  :root.dark {
+    #catppuccin(@darkFlavor);
+  }
+  :root:not(.dark) {
+    #catppuccin(@lightFlavor);
+  }
+
+  #catppuccin(@flavor) {
+    #lib.palette();
+    #lib.defaults();
+
+    /* Fix button text color */
+    --vp-button-brand-text: @crust !important;
+    --vp-button-brand-hover-text: @crust !important;
+    --vp-button-brand-active-text: @crust !important;
+
+    /* Fix badge background color */
+    --vp-badge-tip-bg: fade(@accent, 20%);
+
+    /* Accent Color */
+    --vp-c-brand-1: @accent;
+    --vp-c-brand-2: darken(@accent, 5%);
+    --vp-c-brand-3: @accent;
+
+    /* Solid Colors and Sponsor Color */
+    --vp-c-white: @text;
+    --vp-c-black: @base;
+    --vp-c-sponsor: @red;
+
+    /* Background Colors */
+    --vp-c-bg: @base;
+    --vp-c-bg-alt: @mantle;
+    --vp-c-bg-elv: @crust;
+    --vp-c-bg-soft: @mantle;
+
+    /* Border Colors */
+    --vp-c-border: @surface0;
+    --vp-c-divider: @surface0;
+    --vp-c-gutter: @surface1;
+
+    /* Text Colors */
+    --vp-c-text-1: @text;
+    --vp-c-text-2: @subtext1;
+    --vp-c-text-3: @subtext0;
+
+    /* Callout Colors */
+    --vp-c-tip-soft: fade(@accent, 20%);
+    --vp-c-warning-soft: fade(@yellow, 20%);
+    --vp-c-danger-soft: fade(@red, 20%);
+    --vp-c-caution-soft: fade(@red, 20%);
+    --vp-c-important-soft: fade(@mauve, 20%);
+
+    --vp-custom-block-info-bg: fade(@sky, 20%);
+    --vp-custom-block-note-bg: fade(@blue, 20%);
+    --vp-custom-block-details-bg: @surface0;
+
+    /* Color Palette */
+    --vp-c-gray-1: @surface1;
+    --vp-c-gray-2: @surface0;
+    --vp-c-gray-3: @base;
+    --vp-c-gray-soft: fade(lighten(@base, 30%), 14%);
+
+    --vp-c-default-soft: @surface0;
+
+    --vp-c-indigo-1: @blue;
+    --vp-c-indigo-2: saturate(@blue, 10%);
+    --vp-c-indigo-3: mix(@blue, @base, 50%);
+    --vp-c-indigo-soft: fade(@blue, 14%);
+
+    --vp-c-purple-1: @mauve;
+    --vp-c-purple-2: saturate(@mauve, 10%);
+    --vp-c-purple-3: mix(@mauve, @base, 50%);
+    --vp-c-purple-soft: fade(@mauve, 14%);
+
+    --vp-c-green-1: @green;
+    --vp-c-green-2: saturate(@green, 10%);
+    --vp-c-green-3: mix(@green, @base, 50%);
+    --vp-c-green-soft: fade(@green, 14%);
+
+    --vp-c-yellow-1: @yellow;
+    --vp-c-yellow-2: saturate(@yellow, 10%);
+    --vp-c-yellow-3: mix(@yellow, @base, 50%);
+    --vp-c-yellow-soft: fade(@yellow, 14%);
+
+    --vp-c-red-1: @red;
+    --vp-c-red-2: saturate(@red, 10%);
+    --vp-c-red-3: mix(@red, @base, 50%);
+    --vp-c-red-soft: fade(@red, 14%);
+
+    /* Icons */
+    @icon-copy: escape('<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="@{subtext0}" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"><rect width="8" height="4" x="8" y="2" rx="1" ry="1"/><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"/></svg>');
+    @icon-copied: escape('<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="@{subtext0}" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"><rect width="8" height="4" x="8" y="2" rx="1" ry="1"/><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"/><path d="m9 14 2 2 4-4"/></svg>');
+
+    --vp-icon-copy: url('data:image/svg+xml,@{icon-copy}');
+    --vp-icon-copied: url('data:image/svg+xml,@{icon-copied}');
+
+    /* Code Highlighting */
+    --vp-code-line-highlight-color: fade(@overlay2, 20%);
+  }
+}