From 0f9ead3475f430fe62ce0ec456408c13388edd8c Mon Sep 17 00:00:00 2001 From: Scarce Koi Date: Thu, 16 Apr 2026 21:17:06 -0400 Subject: [PATCH 1/3] feat(fabric-docs): init --- scripts/userstyles.yml | 7 ++ styles/fabric-docs/catppuccin.user.less | 85 +++++++++++++++++++++++++ 2 files changed, 92 insertions(+) create mode 100644 styles/fabric-docs/catppuccin.user.less diff --git a/scripts/userstyles.yml b/scripts/userstyles.yml index 57c1872f88..48005c74fc 100644 --- a/scripts/userstyles.yml +++ b/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 diff --git a/styles/fabric-docs/catppuccin.user.less b/styles/fabric-docs/catppuccin.user.less new file mode 100644 index 0000000000..360776b2eb --- /dev/null +++ b/styles/fabric-docs/catppuccin.user.less @@ -0,0 +1,85 @@ +/* ==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(); + + --vp-c-white:@crust; + --vp-c-black:@crust; + + --vp-c-gray-1:@surface0; + --vp-c-gray-2:@surface1; + --vp-c-gray-3:@surface2; + --vp-c-gray-soft:fade(@surface2, 14%); + + --vp-c-blue-1: @accent; + --vp-c-blue-2: @accent; + --vp-c-blue-3: @accent; + --vp-c-blue-soft: fade(@accent, 14%); + + --vp-c-indigo-1:@lavender; + --vp-c-indigo-2:@lavender; + --vp-c-indigo-3:@lavender; + --vp-c-indigo-soft:fade(@lavender, 14%); + + --vp-c-purple-1:@mauve; + --vp-c-purple-2:@mauve; + --vp-c-purple-3:@mauve; + --vp-c-purple-soft:fade(@mauve, 14%); + + --vp-c-green-1:@green; + --vp-c-green-2:@green; + --vp-c-green-3:@green; + --vp-c-green-soft:fade(@green, 14%); + + --vp-c-yellow-1:@yellow; + --vp-c-yellow-2:@yellow; + --vp-c-yellow-3:@yellow; + --vp-c-yellow-soft:fade(@yellow, 14%); + + --vp-c-red-1:@red; + --vp-c-red-2:@red; + --vp-c-red-3:@red; + --vp-c-red-soft:fade(@red, 14%); + + --vp-c-sponsor:@pink; + + --vp-c-bg:@base; + --vp-c-bg-alt:@mantle; + --vp-c-bg-elv:@base; + --vp-c-bg-soft:@mantle; + + --vp-c-border:@surface1; + --vp-c-divider:@surface0; + --vp-c-gutter:@surface0; + + --vp-c-text-1:@text; + --vp-c-text-2:@subtext1; + --vp-c-text-3:@subtext0; + } +} From 188f198accc13c959c86be71a4dd2184d4250eef Mon Sep 17 00:00:00 2001 From: Scarce Koi Date: Fri, 17 Apr 2026 17:24:06 -0400 Subject: [PATCH 2/3] feat(fabric-docs): use vitepress port --- styles/fabric-docs/catppuccin.user.less | 139 +++++++++++++++--------- 1 file changed, 87 insertions(+), 52 deletions(-) diff --git a/styles/fabric-docs/catppuccin.user.less b/styles/fabric-docs/catppuccin.user.less index 360776b2eb..b89229411c 100644 --- a/styles/fabric-docs/catppuccin.user.less +++ b/styles/fabric-docs/catppuccin.user.less @@ -29,57 +29,92 @@ #lib.palette(); #lib.defaults(); - --vp-c-white:@crust; - --vp-c-black:@crust; - - --vp-c-gray-1:@surface0; - --vp-c-gray-2:@surface1; - --vp-c-gray-3:@surface2; - --vp-c-gray-soft:fade(@surface2, 14%); - - --vp-c-blue-1: @accent; - --vp-c-blue-2: @accent; - --vp-c-blue-3: @accent; - --vp-c-blue-soft: fade(@accent, 14%); - - --vp-c-indigo-1:@lavender; - --vp-c-indigo-2:@lavender; - --vp-c-indigo-3:@lavender; - --vp-c-indigo-soft:fade(@lavender, 14%); - - --vp-c-purple-1:@mauve; - --vp-c-purple-2:@mauve; - --vp-c-purple-3:@mauve; - --vp-c-purple-soft:fade(@mauve, 14%); - - --vp-c-green-1:@green; - --vp-c-green-2:@green; - --vp-c-green-3:@green; - --vp-c-green-soft:fade(@green, 14%); - - --vp-c-yellow-1:@yellow; - --vp-c-yellow-2:@yellow; - --vp-c-yellow-3:@yellow; - --vp-c-yellow-soft:fade(@yellow, 14%); - - --vp-c-red-1:@red; - --vp-c-red-2:@red; - --vp-c-red-3:@red; - --vp-c-red-soft:fade(@red, 14%); - - --vp-c-sponsor:@pink; - - --vp-c-bg:@base; - --vp-c-bg-alt:@mantle; - --vp-c-bg-elv:@base; - --vp-c-bg-soft:@mantle; - - --vp-c-border:@surface1; - --vp-c-divider:@surface0; - --vp-c-gutter:@surface0; - - --vp-c-text-1:@text; - --vp-c-text-2:@subtext1; - --vp-c-text-3:@subtext0; + /* 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(@green, 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(''); + @icon-copied: escape(''); + + --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%); } } From e442a90bf3da38eac91c4ad7f2d14e895636d224 Mon Sep 17 00:00:00 2001 From: Scarce Koi Date: Fri, 17 Apr 2026 17:26:20 -0400 Subject: [PATCH 3/3] fix(fabric-docs): use accent for tip soft --- styles/fabric-docs/catppuccin.user.less | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/styles/fabric-docs/catppuccin.user.less b/styles/fabric-docs/catppuccin.user.less index b89229411c..6342ae879a 100644 --- a/styles/fabric-docs/catppuccin.user.less +++ b/styles/fabric-docs/catppuccin.user.less @@ -64,7 +64,7 @@ --vp-c-text-3: @subtext0; /* Callout Colors */ - --vp-c-tip-soft: fade(@green, 20%); + --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%);