From 31ecedc1ab303dee79819e567ae73838ed69ccb6 Mon Sep 17 00:00:00 2001 From: Gen Date: Sun, 28 Jan 2024 18:50:43 -0800 Subject: [PATCH 01/25] add arch wiki to the list --- scripts/userstyles.yml | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/scripts/userstyles.yml b/scripts/userstyles.yml index b041989917..467c4b26f8 100644 --- a/scripts/userstyles.yml +++ b/scripts/userstyles.yml @@ -123,6 +123,12 @@ userstyles: > [!NOTE] > This theme applies to [AniChart](https://anichart.net/) as well, which is an extension of AniList. current-maintainers: [*anubisnekhet] + arch-wiki: + name: Arch Wiki + category: productivity + readme: + app-link: "https://wiki.archlinux.org/" + current-maintainers: [*genshibe] boringproxy: name: boringproxy category: productivity From 0a81f4eb8010b7d060fe9a80da33df8d43c63085 Mon Sep 17 00:00:00 2001 From: Gen Date: Sun, 28 Jan 2024 18:51:35 -0800 Subject: [PATCH 02/25] add arch wiki --- styles/archwiki/Catppuccin.user.css | 287 ++++++++++++++++++++++++++++ 1 file changed, 287 insertions(+) create mode 100644 styles/archwiki/Catppuccin.user.css diff --git a/styles/archwiki/Catppuccin.user.css b/styles/archwiki/Catppuccin.user.css new file mode 100644 index 0000000000..7b36458134 --- /dev/null +++ b/styles/archwiki/Catppuccin.user.css @@ -0,0 +1,287 @@ +/* ==UserStyle== +@name Arch Wiki Catppuccin +@namespace github.com/catppuccin/userstyles/styles/ArchWiki +@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/ArchWiki +@version 0.0.1 +@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/ArchWiki/catppuccin.user.css +@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3AArchWiki +@description Soothing pastel theme for Arch WIki +@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== */ +/* If you need any help with the information above, please see: https://github.com/openstyles/stylus/wiki/Writing-UserCSS#var */ +/* For help with URL rules, please see https://github.com/openstyles/stylus/wiki/Writing-styles#valid--moz-document-rules. */ +@-moz-document domain('wiki.archlinux.org') { +/* 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; + } + ; +} + +#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]; + + // Start styling your website here: + #archnavbar { + background-color: @mantle !important; + border-bottom: 5px @blue solid !important; + }; + + .mw-parser-output{ + background-color: @base !important; + }; + + .mw-page-container { + background-color: @mantle; + } + + .vector-header-container { + background-color: @base !important; + } + + + #content a:not([role=button]):not(.new), header.mw-header li:not(.new) a:not([role=button]):not(.new), #mw-panel-toc a:not([role=button]):not(.new), #mw-navigation li:not(.new) a:not([role=button]):not(.new), #mw-panel li:not(.new) a:not([role=button]):not(.new), #column-one li:not(.new) a:not([role=button]):not(.new), #footer a:not([role=button]):not(.new) { + color: @blue !important; +} + + .archwiki-template-box-tip { + background-color: @green !important; + color: @text; + } + + #archnavbar ul li.anb-selected a { + color: @accent-color !important; + } + + .archwiki-template-message { + background-color: @base; + } + + .catlinks { + background-color: @mantle; + } + + .mw-parser-output p{ + color: @text !important; + } + + .mw-body{ + background-color: @base !important; + } + + .archwiki-template-meta-related-articles p { + background-color: @surface0; + color: @text; + border-bottom: 5px @blue solid + } + + .archwiki-template-meta-related-articles ul li a { + color: @blue important; + } + + .mw-footer-container { + background-color: @base !important; + } + + #archnavbarlist li a { + color: @blue !important; + } + + .anb-selected { + color: @subtext1 !important; + } + + .mw-footer li { + color: @text + } + + .archwiki-template-box-warning { + background-color: @rosewater !important; + border-color: @flamingo !important; + color: @text; + } + + .archwiki-template-box-note { + background-color: @lavender !important; + border-color: @sapphire !important; + } + + .archwiki-template-box-note a { + color: @sky !important; + } + + .mw-page-title-main { + color: @text; + } + + .vector-tab-noicon mw-list-item a { + color: @blue; + } + + .mw-footer li a { + color: @blue + } + + .mw-body { + background-color: @base; + color: @text; + } + + .anb-home { + color: @text !important; + } +} + + :root[client-darkmode] { + #catppuccin(@darkFlavor, @accentColor); + } + :root { + #catppuccin(@lightFlavor, @accentColor); + } +} +// vim:ft=less \ No newline at end of file From 86216c05c254f34210eefc8e7043208c855b83f3 Mon Sep 17 00:00:00 2001 From: Gen Date: Sun, 28 Jan 2024 20:17:11 -0800 Subject: [PATCH 03/25] fix(arch wiki): border colors Co-authored-by: uncenter <47499684+uncenter@users.noreply.github.com> --- styles/archwiki/Catppuccin.user.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/styles/archwiki/Catppuccin.user.css b/styles/archwiki/Catppuccin.user.css index 7b36458134..228f142475 100644 --- a/styles/archwiki/Catppuccin.user.css +++ b/styles/archwiki/Catppuccin.user.css @@ -169,7 +169,7 @@ // Start styling your website here: #archnavbar { background-color: @mantle !important; - border-bottom: 5px @blue solid !important; + border-bottom-color: @blue; }; .mw-parser-output{ From dde7f505652e42c89d2dd51f7741ce3f313fbc6d Mon Sep 17 00:00:00 2001 From: Gen Date: Sun, 28 Jan 2024 20:17:40 -0800 Subject: [PATCH 04/25] fix(arch wiki): border colors pt2 electric boogaloo~ Co-authored-by: uncenter <47499684+uncenter@users.noreply.github.com> --- styles/archwiki/Catppuccin.user.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/styles/archwiki/Catppuccin.user.css b/styles/archwiki/Catppuccin.user.css index 228f142475..56e33d3b10 100644 --- a/styles/archwiki/Catppuccin.user.css +++ b/styles/archwiki/Catppuccin.user.css @@ -217,7 +217,7 @@ .archwiki-template-meta-related-articles p { background-color: @surface0; color: @text; - border-bottom: 5px @blue solid + border-bottom-color: @blue; } .archwiki-template-meta-related-articles ul li a { From 4e9ba34a7b77daba1ffa6f041320d354310661e6 Mon Sep 17 00:00:00 2001 From: Gen Date: Mon, 29 Jan 2024 00:29:05 -0800 Subject: [PATCH 05/25] fix(arch wiki): dark mode support now supports dark mode!! --- styles/archwiki/Catppuccin.user.css | 64 ++++++++++++++++++++++++----- 1 file changed, 54 insertions(+), 10 deletions(-) diff --git a/styles/archwiki/Catppuccin.user.css b/styles/archwiki/Catppuccin.user.css index 56e33d3b10..e879b8d69a 100644 --- a/styles/archwiki/Catppuccin.user.css +++ b/styles/archwiki/Catppuccin.user.css @@ -1,11 +1,11 @@ /* ==UserStyle== @name Arch Wiki Catppuccin -@namespace github.com/catppuccin/userstyles/styles/ArchWiki -@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/ArchWiki -@version 0.0.1 -@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/ArchWiki/catppuccin.user.css -@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3AArchWiki -@description Soothing pastel theme for Arch WIki +@namespace github.com/catppuccin/userstyles/styles/archwiki +@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/archwiki +@version 0.0.2 +@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/archwiki/catppuccin.user.css +@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aarchwiki +@description Soothing pastel theme for Arch Wiki @author Catppuccin @license MIT @@ -189,11 +189,30 @@ color: @blue !important; } + @media screen { + html.client-darkmode { + background-color: @base + } +} + + .vector-feature-zebra-design-disabled, .body { + background-color: @base + } + + .archwiki-template-box-tip { background-color: @green !important; color: @text; } + .mw-headline { + color: @text; + } + + .cdx-button:enabled.cdx-button--weight-quiet, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet { + background-color: @surface0 + } + #archnavbar ul li.anb-selected a { color: @accent-color !important; } @@ -246,6 +265,15 @@ color: @text; } + .vector-main-menu, .vector-pinnable-element{ + background-color: @base !important; + } + + #p-navigation ul li a { + color: @blue !important; + + } + .archwiki-template-box-note { background-color: @lavender !important; border-color: @sapphire !important; @@ -272,16 +300,32 @@ color: @text; } + .cdx-button:enabled, .cdx-button.cdx-button--fake-button--enabled { +color: @text; + } + .anb-home { color: @text !important; } + + .mw-page-container { + background-color: @base !important; + } + + .mw-headline::before { + color: @accent-color !important; + } + } - - :root[client-darkmode] { - #catppuccin(@darkFlavor, @accentColor); +@media (prefers-color-scheme: dark) { + :root { + #catppuccin(@darkFlavor, @accentColor); } + } + @media (prefers-color-scheme: light) { :root { #catppuccin(@lightFlavor, @accentColor); } } -// vim:ft=less \ No newline at end of file +} +// vim:ft=less From 8f0e014117c879d3abce71c51b6b1285fbeaf328 Mon Sep 17 00:00:00 2001 From: Gen Date: Mon, 29 Jan 2024 00:46:20 -0800 Subject: [PATCH 06/25] fix(archwiki): assorted unthemed elements --- styles/archwiki/Catppuccin.user.css | 39 ++++++++++++++++++++++++----- 1 file changed, 33 insertions(+), 6 deletions(-) diff --git a/styles/archwiki/Catppuccin.user.css b/styles/archwiki/Catppuccin.user.css index e879b8d69a..74454b0e8f 100644 --- a/styles/archwiki/Catppuccin.user.css +++ b/styles/archwiki/Catppuccin.user.css @@ -2,7 +2,7 @@ @name Arch Wiki Catppuccin @namespace github.com/catppuccin/userstyles/styles/archwiki @homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/archwiki -@version 0.0.2 +@version 0.0.3 @updateURL https://github.com/catppuccin/userstyles/raw/main/styles/archwiki/catppuccin.user.css @supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aarchwiki @description Soothing pastel theme for Arch Wiki @@ -233,8 +233,11 @@ background-color: @base !important; } + .archwiki-template-meta-related-articles { + background-color: @surface0 + } + .archwiki-template-meta-related-articles p { - background-color: @surface0; color: @text; border-bottom-color: @blue; } @@ -262,7 +265,7 @@ .archwiki-template-box-warning { background-color: @rosewater !important; border-color: @flamingo !important; - color: @text; + color: @crust; } .vector-main-menu, .vector-pinnable-element{ @@ -275,12 +278,17 @@ } .archwiki-template-box-note { - background-color: @lavender !important; + background-color: @sapphire !important; border-color: @sapphire !important; + color: @crust } .archwiki-template-box-note a { - color: @sky !important; + color: @blue !important; + } + + .archwiki-template-box-note a:visited { + color: @mauve !important; } .mw-page-title-main { @@ -300,14 +308,33 @@ color: @text; } + .cdx-text-input__input:enabled { + background-color: @surface0 !important; + color: @text !important; + } + .cdx-button:enabled, .cdx-button.cdx-button--fake-button--enabled { -color: @text; + color: @text; + background-color: @mantle + + } + + .cdx-menu { + background-color: @surface0 + } + +.cdx-menu:hover { + background-color: @base !important; } .anb-home { color: @text !important; } + .vector-dropdown-content { + background-color: @base !important; +} + .mw-page-container { background-color: @base !important; } From 6e2d072ffa866146282299768a54df7e4776723f Mon Sep 17 00:00:00 2001 From: Gen Date: Mon, 29 Jan 2024 15:28:37 -0800 Subject: [PATCH 07/25] fix(archwiki): various unthemed elements Now, tables and code blocks are properly themed! yippee!! --- styles/archwiki/Catppuccin.user.css | 81 ++++++++++++++++++++++++----- 1 file changed, 67 insertions(+), 14 deletions(-) diff --git a/styles/archwiki/Catppuccin.user.css b/styles/archwiki/Catppuccin.user.css index 74454b0e8f..9f48986bba 100644 --- a/styles/archwiki/Catppuccin.user.css +++ b/styles/archwiki/Catppuccin.user.css @@ -2,7 +2,7 @@ @name Arch Wiki Catppuccin @namespace github.com/catppuccin/userstyles/styles/archwiki @homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/archwiki -@version 0.0.3 +@version 0.0.4 @updateURL https://github.com/catppuccin/userstyles/raw/main/styles/archwiki/catppuccin.user.css @supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aarchwiki @description Soothing pastel theme for Arch Wiki @@ -201,14 +201,78 @@ .archwiki-template-box-tip { - background-color: @green !important; + background-color: fadeout(hsla(90, 90%, 65%, 0.3), 10%) !important; + border-color: fadeout(hsla(90, 90%, 75%, 0.3), 10%); + color: @subtext1; + } + + .archwiki-template-box-note { + background-color: fadeout(hsla(208, 100%, 61%, 0.3), 5%) !important; + border-color: fadeout(hsla(208, 100%, 81%, 0.3), 5%) !important; + color: @subtext1 + } + + .archwiki-template-box-warning { + background-color: fadeout(hsla(7, 99%, 60%, 0.3), 5%) !important; + border-color: fadeout(hsla(7, 99%, 80%, 0.3), 05%) !important; + color: @subtext1; + } + + .firstHeading { + color: @accent-color !important; + } + + #content { + border-color: @overlay0 + } + + #content pre:not([class*="CodeMirror"]), #content code, #content tt { + background-color: @surface0; + color: @accent-color; + border-color: @overlay1 + } + + .vector-pinned-container { + border-color: @overlay0 !important + } + + .vector-pinnable-header-label { color: @text; } + .vector-pinnable-header-toggle-button, .vector-pinnable-header-unpin-button { + color: @blue; + } + + .wikitable { + background-color: @mantle; + } + + .wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td { + color: @text; + border-color: @surface1 + } + + .wikitable > tr > th, .wikitable > * > tr > th { + background-color: @surface0; + color: @accent-color + } + + .pre { + color: @mantle; + } + .vector-toc::after { + background-color: linear-gradient(rgba(255,255,255,0), @base); + } + .mw-headline { color: @text; } + .plainlinks, .archwiki-template-man, .external text { + color: multiply( @blue, #555555) + } + .cdx-button:enabled.cdx-button--weight-quiet, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet { background-color: @surface0 } @@ -261,12 +325,7 @@ .mw-footer li { color: @text } - - .archwiki-template-box-warning { - background-color: @rosewater !important; - border-color: @flamingo !important; - color: @crust; - } + .vector-main-menu, .vector-pinnable-element{ background-color: @base !important; @@ -277,12 +336,6 @@ } - .archwiki-template-box-note { - background-color: @sapphire !important; - border-color: @sapphire !important; - color: @crust - } - .archwiki-template-box-note a { color: @blue !important; } From 33bbf51ec2ed47ed47ae23affe90074a0d8fbfd5 Mon Sep 17 00:00:00 2001 From: Gen Date: Mon, 29 Jan 2024 15:29:45 -0800 Subject: [PATCH 08/25] fix(userstyles.yml): archwiki usage instructions add arch wiki usage instructions --- scripts/userstyles.yml | 1 + 1 file changed, 1 insertion(+) diff --git a/scripts/userstyles.yml b/scripts/userstyles.yml index 467c4b26f8..592812d1af 100644 --- a/scripts/userstyles.yml +++ b/scripts/userstyles.yml @@ -128,6 +128,7 @@ userstyles: category: productivity readme: app-link: "https://wiki.archlinux.org/" + usage: "Make sure to use the default **Light** theme" current-maintainers: [*genshibe] boringproxy: name: boringproxy From 173b2f678576b330868e9d6e8314826fa17416d9 Mon Sep 17 00:00:00 2001 From: Gen Date: Mon, 29 Jan 2024 15:36:53 -0800 Subject: [PATCH 09/25] Update scripts/userstyles.yml fix my darn horrible indentation LOL Co-authored-by: uncenter <47499684+uncenter@users.noreply.github.com> --- scripts/userstyles.yml | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/scripts/userstyles.yml b/scripts/userstyles.yml index 592812d1af..ae471f4624 100644 --- a/scripts/userstyles.yml +++ b/scripts/userstyles.yml @@ -124,12 +124,12 @@ userstyles: > This theme applies to [AniChart](https://anichart.net/) as well, which is an extension of AniList. current-maintainers: [*anubisnekhet] arch-wiki: - name: Arch Wiki - category: productivity - readme: - app-link: "https://wiki.archlinux.org/" - usage: "Make sure to use the default **Light** theme" - current-maintainers: [*genshibe] + name: Arch Wiki + category: productivity + readme: + app-link: "https://wiki.archlinux.org/" + usage: "Make sure to use the default **Light** theme" + current-maintainers: [*genshibe] boringproxy: name: boringproxy category: productivity From b51f48e95b8a0cfa2a1cafcea76a80069dad7e1c Mon Sep 17 00:00:00 2001 From: Gen Date: Mon, 29 Jan 2024 15:40:50 -0800 Subject: [PATCH 10/25] Update indentation on scripts/userstyles.yml when my indentation is horrendous so others have to fix it for you Co-authored-by: uncenter <47499684+uncenter@users.noreply.github.com> --- scripts/userstyles.yml | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/scripts/userstyles.yml b/scripts/userstyles.yml index ae471f4624..1f17ecedd0 100644 --- a/scripts/userstyles.yml +++ b/scripts/userstyles.yml @@ -127,7 +127,7 @@ userstyles: name: Arch Wiki category: productivity readme: - app-link: "https://wiki.archlinux.org/" + app-link: "https://wiki.archlinux.org/" usage: "Make sure to use the default **Light** theme" current-maintainers: [*genshibe] boringproxy: From 5f9cf0d5e6136ed35e33e3c1f313d707f88aa432 Mon Sep 17 00:00:00 2001 From: Gen Date: Mon, 29 Jan 2024 15:43:03 -0800 Subject: [PATCH 11/25] update indentation apparently i suck at indenting LOL Co-authored-by: uncenter <47499684+uncenter@users.noreply.github.com> --- scripts/userstyles.yml | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/scripts/userstyles.yml b/scripts/userstyles.yml index 1f17ecedd0..cc88a0ac61 100644 --- a/scripts/userstyles.yml +++ b/scripts/userstyles.yml @@ -129,7 +129,7 @@ userstyles: readme: app-link: "https://wiki.archlinux.org/" usage: "Make sure to use the default **Light** theme" - current-maintainers: [*genshibe] + current-maintainers: [*genshibe] boringproxy: name: boringproxy category: productivity From 840d3f8f071f45299f73e43ebcc0d5c5891030d6 Mon Sep 17 00:00:00 2001 From: Gen Date: Mon, 29 Jan 2024 15:49:01 -0800 Subject: [PATCH 12/25] Rename folder --- styles/{archwiki => arch-wiki}/Catppuccin.user.css | 0 1 file changed, 0 insertions(+), 0 deletions(-) rename styles/{archwiki => arch-wiki}/Catppuccin.user.css (100%) diff --git a/styles/archwiki/Catppuccin.user.css b/styles/arch-wiki/Catppuccin.user.css similarity index 100% rename from styles/archwiki/Catppuccin.user.css rename to styles/arch-wiki/Catppuccin.user.css From a8b40d4861476be60a263c0d5dbe4137fda8404c Mon Sep 17 00:00:00 2001 From: Gen Date: Mon, 29 Jan 2024 15:50:20 -0800 Subject: [PATCH 13/25] whoops! arch-wiki is back! whoops! --- styles/arch-wiki/Catppuccin.user.css | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/styles/arch-wiki/Catppuccin.user.css b/styles/arch-wiki/Catppuccin.user.css index 9f48986bba..7a48056446 100644 --- a/styles/arch-wiki/Catppuccin.user.css +++ b/styles/arch-wiki/Catppuccin.user.css @@ -1,10 +1,10 @@ /* ==UserStyle== @name Arch Wiki Catppuccin -@namespace github.com/catppuccin/userstyles/styles/archwiki -@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/archwiki +@namespace github.com/catppuccin/userstyles/styles/arch-wiki +@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/arch-wiki @version 0.0.4 -@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/archwiki/catppuccin.user.css -@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aarchwiki +@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/arch-wiki/catppuccin.user.css +@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aarch-wiki @description Soothing pastel theme for Arch Wiki @author Catppuccin @license MIT From 521f065415f9a6d68758b048710af8bb526e664c Mon Sep 17 00:00:00 2001 From: Gen Date: Mon, 29 Jan 2024 15:54:30 -0800 Subject: [PATCH 14/25] fix(archwiki): a bunch of lint changes apparently i keep messing up LOL --- styles/arch-wiki/Catppuccin.user.css | 20 ++++++-------------- 1 file changed, 6 insertions(+), 14 deletions(-) diff --git a/styles/arch-wiki/Catppuccin.user.css b/styles/arch-wiki/Catppuccin.user.css index 7a48056446..5159127fed 100644 --- a/styles/arch-wiki/Catppuccin.user.css +++ b/styles/arch-wiki/Catppuccin.user.css @@ -185,7 +185,7 @@ } - #content a:not([role=button]):not(.new), header.mw-header li:not(.new) a:not([role=button]):not(.new), #mw-panel-toc a:not([role=button]):not(.new), #mw-navigation li:not(.new) a:not([role=button]):not(.new), #mw-panel li:not(.new) a:not([role=button]):not(.new), #column-one li:not(.new) a:not([role=button]):not(.new), #footer a:not([role=button]):not(.new) { + #content a:not([role="button"]):not(.new), header.mw-header li:not(.new) a:not([role="button"]):not(.new), #mw-panel-toc a:not([role="button"]):not(.new), #mw-navigation li:not(.new) a:not([role="button"]):not(.new), #mw-panel li:not(.new) a:not([role="button"]):not(.new), #column-one li:not(.new) a:not([role="button"]):not(.new), #footer a:not([role="button"]):not(.new) { color: @blue !important; } @@ -240,7 +240,7 @@ color: @text; } - .vector-pinnable-header-toggle-button, .vector-pinnable-header-unpin-button { + .vector-pinnable-header-toggle-"button", .vector-pinnable-header-unpin-"button" { color: @blue; } @@ -270,10 +270,10 @@ } .plainlinks, .archwiki-template-man, .external text { - color: multiply( @blue, #555555) + color: multiply( @blue, #555) } - .cdx-button:enabled.cdx-button--weight-quiet, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet { + .cdx-"button":enabled.cdx-"button"--weight-quiet, .cdx-"button".cdx-"button"--fake-"button"--enabled.cdx-"button"--weight-quiet { background-color: @surface0 } @@ -293,10 +293,6 @@ color: @text !important; } - .mw-body{ - background-color: @base !important; - } - .archwiki-template-meta-related-articles { background-color: @surface0 } @@ -357,7 +353,7 @@ } .mw-body { - background-color: @base; + background-color: @base !important; color: @text; } @@ -366,7 +362,7 @@ color: @text !important; } - .cdx-button:enabled, .cdx-button.cdx-button--fake-button--enabled { + .cdx-"button":enabled, .cdx-"button".cdx-"button"--fake-"button"--enabled { color: @text; background-color: @mantle @@ -388,10 +384,6 @@ background-color: @base !important; } - .mw-page-container { - background-color: @base !important; - } - .mw-headline::before { color: @accent-color !important; } From 116965afcb28076a9a3128e118cd17f01a7c5d52 Mon Sep 17 00:00:00 2001 From: Gen Date: Mon, 29 Jan 2024 15:59:24 -0800 Subject: [PATCH 15/25] lint changes part 163 i love lint, lint loves me, i'm going to [redacted] --- styles/arch-wiki/Catppuccin.user.css | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/styles/arch-wiki/Catppuccin.user.css b/styles/arch-wiki/Catppuccin.user.css index 5159127fed..3d1508341c 100644 --- a/styles/arch-wiki/Catppuccin.user.css +++ b/styles/arch-wiki/Catppuccin.user.css @@ -18,6 +18,7 @@ /* For help with URL rules, please see https://github.com/openstyles/stylus/wiki/Writing-styles#valid--moz-document-rules. */ @-moz-document domain('wiki.archlinux.org') { /* prettier-ignore */ +/* stylelint-disable selector-max-id, declaration-no-important */ @catppuccin: { @latte: { @rosewater: #dc8a78; @@ -273,7 +274,7 @@ color: multiply( @blue, #555) } - .cdx-"button":enabled.cdx-"button"--weight-quiet, .cdx-"button".cdx-"button"--fake-"button"--enabled.cdx-"button"--weight-quiet { + .cdx-button:enabled.cdx-button--weight-quiet, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet { background-color: @surface0 } @@ -362,7 +363,7 @@ color: @text !important; } - .cdx-"button":enabled, .cdx-"button".cdx-"button"--fake-"button"--enabled { + .cdx-button:enabled, .cdx-button.cdxbutton--fake-button--enabled { color: @text; background-color: @mantle From 98228e252bd573019d2f6e9b3ecb82fedc3a9864 Mon Sep 17 00:00:00 2001 From: Gen Date: Mon, 29 Jan 2024 16:05:02 -0800 Subject: [PATCH 16/25] lint changes. 3 months after the start of working on lint changes, lint has now consumed me. --- styles/arch-wiki/Catppuccin.user.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/styles/arch-wiki/Catppuccin.user.css b/styles/arch-wiki/Catppuccin.user.css index 3d1508341c..d634b6604d 100644 --- a/styles/arch-wiki/Catppuccin.user.css +++ b/styles/arch-wiki/Catppuccin.user.css @@ -18,7 +18,7 @@ /* For help with URL rules, please see https://github.com/openstyles/stylus/wiki/Writing-styles#valid--moz-document-rules. */ @-moz-document domain('wiki.archlinux.org') { /* prettier-ignore */ -/* stylelint-disable selector-max-id, declaration-no-important */ +/* stylelint-disable selector-not-notation */ @catppuccin: { @latte: { @rosewater: #dc8a78; From 9c4bc71087d1d980783fe5442da33ddf0e97e12c Mon Sep 17 00:00:00 2001 From: Gen Date: Mon, 29 Jan 2024 18:40:28 -0800 Subject: [PATCH 17/25] fix(archwiki): table colorings listened the ham's feedback and adjusted colors accordingly --- styles/arch-wiki/Catppuccin.user.css | 781 ++++++++++++++------------- 1 file changed, 403 insertions(+), 378 deletions(-) diff --git a/styles/arch-wiki/Catppuccin.user.css b/styles/arch-wiki/Catppuccin.user.css index d634b6604d..9a46c8db78 100644 --- a/styles/arch-wiki/Catppuccin.user.css +++ b/styles/arch-wiki/Catppuccin.user.css @@ -1,10 +1,10 @@ /* ==UserStyle== @name Arch Wiki Catppuccin -@namespace github.com/catppuccin/userstyles/styles/arch-wiki -@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/arch-wiki -@version 0.0.4 -@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/arch-wiki/catppuccin.user.css -@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aarch-wiki +@namespace github.com/catppuccin/userstyles/styles/archwiki +@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/archwiki +@version 0.0.5 +@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/archwiki/catppuccin.user.css +@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aarchwiki @description Soothing pastel theme for Arch Wiki @author Catppuccin @license MIT @@ -17,388 +17,413 @@ /* If you need any help with the information above, please see: https://github.com/openstyles/stylus/wiki/Writing-UserCSS#var */ /* For help with URL rules, please see https://github.com/openstyles/stylus/wiki/Writing-styles#valid--moz-document-rules. */ @-moz-document domain('wiki.archlinux.org') { -/* prettier-ignore */ -/* stylelint-disable selector-not-notation */ -@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; + /* 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; + } + ; } - ; - @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; - } - ; -} -#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]; - - // Start styling your website here: - #archnavbar { - background-color: @mantle !important; - border-bottom-color: @blue; - }; - - .mw-parser-output{ - background-color: @base !important; - }; - - .mw-page-container { - background-color: @mantle; - } - - .vector-header-container { - background-color: @base !important; - } - - - #content a:not([role="button"]):not(.new), header.mw-header li:not(.new) a:not([role="button"]):not(.new), #mw-panel-toc a:not([role="button"]):not(.new), #mw-navigation li:not(.new) a:not([role="button"]):not(.new), #mw-panel li:not(.new) a:not([role="button"]):not(.new), #column-one li:not(.new) a:not([role="button"]):not(.new), #footer a:not([role="button"]):not(.new) { - color: @blue !important; -} - - @media screen { - html.client-darkmode { - background-color: @base - } -} - - .vector-feature-zebra-design-disabled, .body { - background-color: @base - } + #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]; // Start styling your website here: + #archnavbar { + background-color: @mantle !important; + border-bottom-color: @blue; + } + ; - - .archwiki-template-box-tip { - background-color: fadeout(hsla(90, 90%, 65%, 0.3), 10%) !important; - border-color: fadeout(hsla(90, 90%, 75%, 0.3), 10%); - color: @subtext1; - } - - .archwiki-template-box-note { - background-color: fadeout(hsla(208, 100%, 61%, 0.3), 5%) !important; - border-color: fadeout(hsla(208, 100%, 81%, 0.3), 5%) !important; - color: @subtext1 - } - - .archwiki-template-box-warning { - background-color: fadeout(hsla(7, 99%, 60%, 0.3), 5%) !important; - border-color: fadeout(hsla(7, 99%, 80%, 0.3), 05%) !important; - color: @subtext1; - } - - .firstHeading { - color: @accent-color !important; - } - - #content { - border-color: @overlay0 - } - - #content pre:not([class*="CodeMirror"]), #content code, #content tt { - background-color: @surface0; - color: @accent-color; - border-color: @overlay1 - } - - .vector-pinned-container { - border-color: @overlay0 !important - } - - .vector-pinnable-header-label { - color: @text; - } - - .vector-pinnable-header-toggle-"button", .vector-pinnable-header-unpin-"button" { - color: @blue; - } - - .wikitable { - background-color: @mantle; - } - - .wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td { - color: @text; - border-color: @surface1 - } - - .wikitable > tr > th, .wikitable > * > tr > th { - background-color: @surface0; - color: @accent-color - } - - .pre { - color: @mantle; - } - .vector-toc::after { - background-color: linear-gradient(rgba(255,255,255,0), @base); - } - - .mw-headline { - color: @text; - } - - .plainlinks, .archwiki-template-man, .external text { - color: multiply( @blue, #555) - } - - .cdx-button:enabled.cdx-button--weight-quiet, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet { - background-color: @surface0 - } - - #archnavbar ul li.anb-selected a { - color: @accent-color !important; - } - - .archwiki-template-message { - background-color: @base; - } - - .catlinks { - background-color: @mantle; - } - - .mw-parser-output p{ - color: @text !important; - } - - .archwiki-template-meta-related-articles { - background-color: @surface0 - } - - .archwiki-template-meta-related-articles p { + .mw-parser-output { + background-color: @base !important; + } + ; + + .mw-page-container { + background-color: @mantle; + } + + .vector-header-container { + background-color: @base !important; + } + + + #content a:not([role=button]):not(.new), + header.mw-header li:not(.new) a:not([role=button]):not(.new), + #mw-panel-toc a:not([role=button]):not(.new), + #mw-navigation li:not(.new) a:not([role=button]):not(.new), + #mw-panel li:not(.new) a:not([role=button]):not(.new), + #column-one li:not(.new) a:not([role=button]):not(.new), + #footer a:not([role=button]):not(.new) { + color: @blue !important; + } + + @media screen { + html.client-darkmode { + background-color: @base + } + } + + .vector-feature-zebra-design-disabled, + #vector-toc-pinned-container, + .vector-toc::after { + background-color: linear-gradient(rgba(255, 255, 255, 0), #11111b); + } + + + + .archwiki-template-box-tip { + background-color: fadeout(hsla(90, 90%, 65%, 0.3), 10%) !important; + border-color: fadeout(hsla(90, 90%, 75%, 0.3), 10%); + color: @subtext1; + } + + .archwiki-template-box-note { + background-color: fadeout(hsla(208, 100%, 61%, 0.3), 5%) !important; + border-color: fadeout(hsla(208, 100%, 81%, 0.3), 5%) !important; + color: @subtext1 + } + + .archwiki-template-box-warning { + background-color: fadeout(hsla(7, 99%, 60%, 0.3), 5%) !important; + border-color: fadeout(hsla(7, 99%, 80%, 0.3), 05%) !important; + color: @subtext1; + } + + .firstHeading { + color: @accent-color !important; + } + + #content { + border-color: @overlay0 + } + + #content pre:not([class*="CodeMirror"]), + #content code, + #content tt { + background-color: @surface0; color: @text; - border-bottom-color: @blue; - } - - .archwiki-template-meta-related-articles ul li a { - color: @blue important; - } - - .mw-footer-container { - background-color: @base !important; - } - - #archnavbarlist li a { - color: @blue !important; - } - - .anb-selected { - color: @subtext1 !important; - } - - .mw-footer li { - color: @text - } - - - .vector-main-menu, .vector-pinnable-element{ - background-color: @base !important; - } - - #p-navigation ul li a { - color: @blue !important; - - } - - .archwiki-template-box-note a { - color: @blue !important; - } + border-color: @overlay1 + } - .archwiki-template-box-note a:visited { - color: @mauve !important; - } - - .mw-page-title-main { - color: @text; - } - - .vector-tab-noicon mw-list-item a { - color: @blue; - } - - .mw-footer li a { - color: @blue - } - - .mw-body { - background-color: @base !important; + .vector-pinned-container { + border-color: @overlay0 !important + } + + .vector-pinnable-header-label { color: @text; - } - - .cdx-text-input__input:enabled { - background-color: @surface0 !important; - color: @text !important; - } - - .cdx-button:enabled, .cdx-button.cdxbutton--fake-button--enabled { - color: @text; - background-color: @mantle - - } - - .cdx-menu { - background-color: @surface0 - } + } -.cdx-menu:hover { - background-color: @base !important; - } - - .anb-home { - color: @text !important; - } - - .vector-dropdown-content { - background-color: @base !important; -} - - .mw-headline::before { - color: @accent-color !important; + .vector-pinnable-header-toggle-button, + .vector-pinnable-header-unpin-button { + color: @blue; + } + + .wikitable { + background-color: @base; + } + + .wikitable > tr > th, + .wikitable > tr > td, + .wikitable > * > tr > th, + .wikitable > * > tr > td { + color: @text; + border-color: @surface1 + } + + .wikitable > tr > th, + .wikitable > * > tr > th { + background-color: @mantle; + color: @text; + } + + .pre { + color: @mantle; + } + .vector-toc::after { + background-color: linear-gradient(rgba(255, 255, 255, 0), @base); + } + + .mw-headline { + color: @text; + } + + .plainlinks, + .archwiki-template-man, + .external text { + color: multiply( @blue, #555555) + } + + .cdx-button:enabled.cdx-button--weight-quiet, + .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet { + background-color: @surface0 + } + + #archnavbar ul li.anb-selected a { + color: @accent-color !important; + } + + .archwiki-template-message { + background-color: @base; + } + + .catlinks { + background-color: @mantle; + } + + .mw-parser-output p { + color: @text !important; + } + + .mw-body { + background-color: @base !important; + } + + .archwiki-template-meta-related-articles { + background-color: @surface0 + } + + .archwiki-template-meta-related-articles p { + color: @text; + border-bottom-color: @blue; + } + + .archwiki-template-meta-related-articles ul li a { + color: @blue important; + } + + .mw-footer-container { + background-color: @base !important; + } + + #archnavbarlist li a { + color: @blue !important; + } + + .anb-selected { + color: @subtext1 !important; + } + + .mw-footer li { + color: @text + } + + + .vector-main-menu, + .vector-pinnable-element { + background-color: @base !important; + } + + #p-navigation ul li a { + color: @blue !important; + } + + .archwiki-template-box-note a { + color: @blue !important; + } + + .archwiki-template-box-note a:visited { + color: @mauve !important; + } + + .mw-page-title-main { + color: @text; + } + + .vector-tab-noicon mw-list-item a { + color: @blue; + } + + .mw-footer li a { + color: @blue + } + + .mw-body { + background-color: @base; + color: @text; + } + + .cdx-text-input__input:enabled { + background-color: @surface0 !important; + color: @text !important; + } + + .cdx-button:enabled, + .cdx-button.cdx-button--fake-button--enabled { + color: @text; + background-color: @mantle + } + + .cdx-menu { + background-color: @surface0 + } + + .cdx-menu:hover { + background-color: @base !important; + } + + .anb-home { + color: @text !important; + } + + .vector-dropdown-content { + background-color: @base !important; + } + + .mw-page-container { + background-color: @base !important; + } + + .mw-headline::before { + color: @accent-color !important; + } } - -} -@media (prefers-color-scheme: dark) { - :root { - #catppuccin(@darkFlavor, @accentColor); + @media (prefers-color-scheme: dark) { + :root { + #catppuccin(@darkFlavor, @accentColor); + } } - } - @media (prefers-color-scheme: light) { - :root { - #catppuccin(@lightFlavor, @accentColor); + @media (prefers-color-scheme: light) { + :root { + #catppuccin(@lightFlavor, @accentColor); + } } } -} // vim:ft=less From e382e4b5e06e649a667e1c9c88c17d6958dd8af8 Mon Sep 17 00:00:00 2001 From: Gen Date: Mon, 29 Jan 2024 19:00:28 -0800 Subject: [PATCH 18/25] fix(archwiki): silly mistake + table borders i fixed my stupid mistake and hopefully whatever was causing the lint errors :D --- styles/arch-wiki/Catppuccin.user.css | 51 ++++++++++++---------------- 1 file changed, 21 insertions(+), 30 deletions(-) diff --git a/styles/arch-wiki/Catppuccin.user.css b/styles/arch-wiki/Catppuccin.user.css index 9a46c8db78..766483c446 100644 --- a/styles/arch-wiki/Catppuccin.user.css +++ b/styles/arch-wiki/Catppuccin.user.css @@ -1,10 +1,10 @@ /* ==UserStyle== @name Arch Wiki Catppuccin -@namespace github.com/catppuccin/userstyles/styles/archwiki -@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/archwiki -@version 0.0.5 -@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/archwiki/catppuccin.user.css -@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aarchwiki +@namespace github.com/catppuccin/userstyles/styles/arch-wiki +@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/arch-wiki +@version 0.0.4 +@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/arch-wiki/catppuccin.user.css +@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aarch-wiki @description Soothing pastel theme for Arch Wiki @author Catppuccin @license MIT @@ -18,6 +18,7 @@ /* For help with URL rules, please see https://github.com/openstyles/stylus/wiki/Writing-styles#valid--moz-document-rules. */ @-moz-document domain('wiki.archlinux.org') { /* prettier-ignore */ + /* stylelint-disable selector-not-notation */ @catppuccin: { @latte: { @rosewater: #dc8a78; @@ -177,7 +178,7 @@ ; .mw-page-container { - background-color: @mantle; + background-color: @mantle !important; } .vector-header-container { @@ -185,13 +186,13 @@ } - #content a:not([role=button]):not(.new), - header.mw-header li:not(.new) a:not([role=button]):not(.new), - #mw-panel-toc a:not([role=button]):not(.new), - #mw-navigation li:not(.new) a:not([role=button]):not(.new), - #mw-panel li:not(.new) a:not([role=button]):not(.new), - #column-one li:not(.new) a:not([role=button]):not(.new), - #footer a:not([role=button]):not(.new) { + #content a:not([role="button"]):not(.new), + header.mw-header li:not(.new) a:not([role="button"]):not(.new), + #mw-panel-toc a:not([role="button"]):not(.new), + #mw-navigation li:not(.new) a:not([role="button"]):not(.new), + #mw-panel li:not(.new) a:not([role="button"]):not(.new), + #column-one li:not(.new) a:not([role="button"]):not(.new), + #footer a:not([role="button"]):not(.new) { color: @blue !important; } @@ -202,13 +203,11 @@ } .vector-feature-zebra-design-disabled, - #vector-toc-pinned-container, - .vector-toc::after { - background-color: linear-gradient(rgba(255, 255, 255, 0), #11111b); + .body { + background-color: @base } - .archwiki-template-box-tip { background-color: fadeout(hsla(90, 90%, 65%, 0.3), 10%) !important; border-color: fadeout(hsla(90, 90%, 75%, 0.3), 10%); @@ -240,7 +239,7 @@ #content tt { background-color: @surface0; color: @text; - border-color: @overlay1 + border-color: @overlay0 } .vector-pinned-container { @@ -265,7 +264,7 @@ .wikitable > * > tr > th, .wikitable > * > tr > td { color: @text; - border-color: @surface1 + border-color: @crust; } .wikitable > tr > th, @@ -288,7 +287,7 @@ .plainlinks, .archwiki-template-man, .external text { - color: multiply( @blue, #555555) + color: multiply( @blue, #555) } .cdx-button:enabled.cdx-button--weight-quiet, @@ -312,10 +311,6 @@ color: @text !important; } - .mw-body { - background-color: @base !important; - } - .archwiki-template-meta-related-articles { background-color: @surface0 } @@ -376,7 +371,7 @@ } .mw-body { - background-color: @base; + background-color: @base !important; color: @text; } @@ -386,7 +381,7 @@ } .cdx-button:enabled, - .cdx-button.cdx-button--fake-button--enabled { + .cdx-button.cdxbutton--fake-button--enabled { color: @text; background-color: @mantle } @@ -407,10 +402,6 @@ background-color: @base !important; } - .mw-page-container { - background-color: @base !important; - } - .mw-headline::before { color: @accent-color !important; } From 777834dde2ca1105a9f0e2dab3d045ff0a1b763b Mon Sep 17 00:00:00 2001 From: Gen Date: Mon, 29 Jan 2024 20:17:53 -0800 Subject: [PATCH 19/25] easiest way is to re upload :p --- styles/arch-wiki/catppuccin.user.css | 420 +++++++++++++++++++++++++++ 1 file changed, 420 insertions(+) create mode 100644 styles/arch-wiki/catppuccin.user.css diff --git a/styles/arch-wiki/catppuccin.user.css b/styles/arch-wiki/catppuccin.user.css new file mode 100644 index 0000000000..766483c446 --- /dev/null +++ b/styles/arch-wiki/catppuccin.user.css @@ -0,0 +1,420 @@ +/* ==UserStyle== +@name Arch Wiki Catppuccin +@namespace github.com/catppuccin/userstyles/styles/arch-wiki +@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/arch-wiki +@version 0.0.4 +@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/arch-wiki/catppuccin.user.css +@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aarch-wiki +@description Soothing pastel theme for Arch Wiki +@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== */ +/* If you need any help with the information above, please see: https://github.com/openstyles/stylus/wiki/Writing-UserCSS#var */ +/* For help with URL rules, please see https://github.com/openstyles/stylus/wiki/Writing-styles#valid--moz-document-rules. */ +@-moz-document domain('wiki.archlinux.org') { + /* prettier-ignore */ + /* stylelint-disable selector-not-notation */ + @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; + } + ; + } + + #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]; // Start styling your website here: + #archnavbar { + background-color: @mantle !important; + border-bottom-color: @blue; + } + ; + + .mw-parser-output { + background-color: @base !important; + } + ; + + .mw-page-container { + background-color: @mantle !important; + } + + .vector-header-container { + background-color: @base !important; + } + + + #content a:not([role="button"]):not(.new), + header.mw-header li:not(.new) a:not([role="button"]):not(.new), + #mw-panel-toc a:not([role="button"]):not(.new), + #mw-navigation li:not(.new) a:not([role="button"]):not(.new), + #mw-panel li:not(.new) a:not([role="button"]):not(.new), + #column-one li:not(.new) a:not([role="button"]):not(.new), + #footer a:not([role="button"]):not(.new) { + color: @blue !important; + } + + @media screen { + html.client-darkmode { + background-color: @base + } + } + + .vector-feature-zebra-design-disabled, + .body { + background-color: @base + } + + + .archwiki-template-box-tip { + background-color: fadeout(hsla(90, 90%, 65%, 0.3), 10%) !important; + border-color: fadeout(hsla(90, 90%, 75%, 0.3), 10%); + color: @subtext1; + } + + .archwiki-template-box-note { + background-color: fadeout(hsla(208, 100%, 61%, 0.3), 5%) !important; + border-color: fadeout(hsla(208, 100%, 81%, 0.3), 5%) !important; + color: @subtext1 + } + + .archwiki-template-box-warning { + background-color: fadeout(hsla(7, 99%, 60%, 0.3), 5%) !important; + border-color: fadeout(hsla(7, 99%, 80%, 0.3), 05%) !important; + color: @subtext1; + } + + .firstHeading { + color: @accent-color !important; + } + + #content { + border-color: @overlay0 + } + + #content pre:not([class*="CodeMirror"]), + #content code, + #content tt { + background-color: @surface0; + color: @text; + border-color: @overlay0 + } + + .vector-pinned-container { + border-color: @overlay0 !important + } + + .vector-pinnable-header-label { + color: @text; + } + + .vector-pinnable-header-toggle-button, + .vector-pinnable-header-unpin-button { + color: @blue; + } + + .wikitable { + background-color: @base; + } + + .wikitable > tr > th, + .wikitable > tr > td, + .wikitable > * > tr > th, + .wikitable > * > tr > td { + color: @text; + border-color: @crust; + } + + .wikitable > tr > th, + .wikitable > * > tr > th { + background-color: @mantle; + color: @text; + } + + .pre { + color: @mantle; + } + .vector-toc::after { + background-color: linear-gradient(rgba(255, 255, 255, 0), @base); + } + + .mw-headline { + color: @text; + } + + .plainlinks, + .archwiki-template-man, + .external text { + color: multiply( @blue, #555) + } + + .cdx-button:enabled.cdx-button--weight-quiet, + .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet { + background-color: @surface0 + } + + #archnavbar ul li.anb-selected a { + color: @accent-color !important; + } + + .archwiki-template-message { + background-color: @base; + } + + .catlinks { + background-color: @mantle; + } + + .mw-parser-output p { + color: @text !important; + } + + .archwiki-template-meta-related-articles { + background-color: @surface0 + } + + .archwiki-template-meta-related-articles p { + color: @text; + border-bottom-color: @blue; + } + + .archwiki-template-meta-related-articles ul li a { + color: @blue important; + } + + .mw-footer-container { + background-color: @base !important; + } + + #archnavbarlist li a { + color: @blue !important; + } + + .anb-selected { + color: @subtext1 !important; + } + + .mw-footer li { + color: @text + } + + + .vector-main-menu, + .vector-pinnable-element { + background-color: @base !important; + } + + #p-navigation ul li a { + color: @blue !important; + } + + .archwiki-template-box-note a { + color: @blue !important; + } + + .archwiki-template-box-note a:visited { + color: @mauve !important; + } + + .mw-page-title-main { + color: @text; + } + + .vector-tab-noicon mw-list-item a { + color: @blue; + } + + .mw-footer li a { + color: @blue + } + + .mw-body { + background-color: @base !important; + color: @text; + } + + .cdx-text-input__input:enabled { + background-color: @surface0 !important; + color: @text !important; + } + + .cdx-button:enabled, + .cdx-button.cdxbutton--fake-button--enabled { + color: @text; + background-color: @mantle + } + + .cdx-menu { + background-color: @surface0 + } + + .cdx-menu:hover { + background-color: @base !important; + } + + .anb-home { + color: @text !important; + } + + .vector-dropdown-content { + background-color: @base !important; + } + + .mw-headline::before { + color: @accent-color !important; + } + } + @media (prefers-color-scheme: dark) { + :root { + #catppuccin(@darkFlavor, @accentColor); + } + } + @media (prefers-color-scheme: light) { + :root { + #catppuccin(@lightFlavor, @accentColor); + } + } +} +// vim:ft=less From 2765fcaa141020e85316e718dfbe812230eacc9b Mon Sep 17 00:00:00 2001 From: Gen Date: Mon, 29 Jan 2024 21:40:40 -0800 Subject: [PATCH 20/25] add catwalk.webp --- catwalk.webp | 3 +++ 1 file changed, 3 insertions(+) create mode 100644 catwalk.webp diff --git a/catwalk.webp b/catwalk.webp new file mode 100644 index 0000000000..905eb3eed9 --- /dev/null +++ b/catwalk.webp @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:e8ed69eec454585f3e78ad31aee410da54090cfea15ce0a84bbd1a3575e686a6 +size 119394 From 60fe868d08a07d5752325838b45a3553e9df5203 Mon Sep 17 00:00:00 2001 From: Gen Date: Mon, 29 Jan 2024 21:41:52 -0800 Subject: [PATCH 21/25] add flavor images --- assets/frappe.webp | 3 +++ assets/latte.webp | 3 +++ assets/macchiato.webp | 3 +++ assets/mocha.webp | 3 +++ 4 files changed, 12 insertions(+) create mode 100644 assets/frappe.webp create mode 100644 assets/latte.webp create mode 100644 assets/macchiato.webp create mode 100644 assets/mocha.webp diff --git a/assets/frappe.webp b/assets/frappe.webp new file mode 100644 index 0000000000..8fa7c07a14 --- /dev/null +++ b/assets/frappe.webp @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:0a8f7e164f414bf14dea52a3bbdf267ab2786a397873bf9f6ee1c418901e674e +size 71250 diff --git a/assets/latte.webp b/assets/latte.webp new file mode 100644 index 0000000000..01080bbda8 --- /dev/null +++ b/assets/latte.webp @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:15d55bef4159e7396759ff66dac3a247ee01d5cd955dc9ff5bcbe7ff1e076232 +size 72080 diff --git a/assets/macchiato.webp b/assets/macchiato.webp new file mode 100644 index 0000000000..916be4a050 --- /dev/null +++ b/assets/macchiato.webp @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:fb52285c574f486a0e5879e8fad7e085331dc7582066a4cbfb62ce7874772975 +size 71922 diff --git a/assets/mocha.webp b/assets/mocha.webp new file mode 100644 index 0000000000..6a2402dd21 --- /dev/null +++ b/assets/mocha.webp @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:cc497753c7dcfcc1de01244d4115947e602939aa63372d6aa8ac4434f5b3cff1 +size 72876 From 5b0421749c4480cbffa15ba29ccabf554d21b308 Mon Sep 17 00:00:00 2001 From: Gen Date: Mon, 29 Jan 2024 21:46:37 -0800 Subject: [PATCH 22/25] fix catwalk --- assets/catwalk.webp | 3 +++ 1 file changed, 3 insertions(+) create mode 100644 assets/catwalk.webp diff --git a/assets/catwalk.webp b/assets/catwalk.webp new file mode 100644 index 0000000000..905eb3eed9 --- /dev/null +++ b/assets/catwalk.webp @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:e8ed69eec454585f3e78ad31aee410da54090cfea15ce0a84bbd1a3575e686a6 +size 119394 From 1cc9f265735f42a0bd8c8535f9a58e1f991eceb5 Mon Sep 17 00:00:00 2001 From: Gen Date: Mon, 29 Jan 2024 22:00:58 -0800 Subject: [PATCH 23/25] fixed location of images hopefully --- {assets => styles/arch-wiki/assets}/catwalk.webp | 0 {assets => styles/arch-wiki/assets}/frappe.webp | 0 {assets => styles/arch-wiki/assets}/latte.webp | 0 {assets => styles/arch-wiki/assets}/macchiato.webp | 0 {assets => styles/arch-wiki/assets}/mocha.webp | 0 5 files changed, 0 insertions(+), 0 deletions(-) rename {assets => styles/arch-wiki/assets}/catwalk.webp (100%) rename {assets => styles/arch-wiki/assets}/frappe.webp (100%) rename {assets => styles/arch-wiki/assets}/latte.webp (100%) rename {assets => styles/arch-wiki/assets}/macchiato.webp (100%) rename {assets => styles/arch-wiki/assets}/mocha.webp (100%) diff --git a/assets/catwalk.webp b/styles/arch-wiki/assets/catwalk.webp similarity index 100% rename from assets/catwalk.webp rename to styles/arch-wiki/assets/catwalk.webp diff --git a/assets/frappe.webp b/styles/arch-wiki/assets/frappe.webp similarity index 100% rename from assets/frappe.webp rename to styles/arch-wiki/assets/frappe.webp diff --git a/assets/latte.webp b/styles/arch-wiki/assets/latte.webp similarity index 100% rename from assets/latte.webp rename to styles/arch-wiki/assets/latte.webp diff --git a/assets/macchiato.webp b/styles/arch-wiki/assets/macchiato.webp similarity index 100% rename from assets/macchiato.webp rename to styles/arch-wiki/assets/macchiato.webp diff --git a/assets/mocha.webp b/styles/arch-wiki/assets/mocha.webp similarity index 100% rename from assets/mocha.webp rename to styles/arch-wiki/assets/mocha.webp From 08965a46dd281dabfa68e590989798a844a5f805 Mon Sep 17 00:00:00 2001 From: Gen Date: Tue, 30 Jan 2024 10:30:12 -0800 Subject: [PATCH 24/25] Delete the catwalk.webp that was in the wrong location --- catwalk.webp | 3 --- 1 file changed, 3 deletions(-) delete mode 100644 catwalk.webp diff --git a/catwalk.webp b/catwalk.webp deleted file mode 100644 index 905eb3eed9..0000000000 --- a/catwalk.webp +++ /dev/null @@ -1,3 +0,0 @@ -version https://git-lfs.github.com/spec/v1 -oid sha256:e8ed69eec454585f3e78ad31aee410da54090cfea15ce0a84bbd1a3575e686a6 -size 119394 From 1f32ac51c95fdbc9160dc4baba3b09c9fd26cfa6 Mon Sep 17 00:00:00 2001 From: Gen Date: Tue, 30 Jan 2024 10:30:35 -0800 Subject: [PATCH 25/25] Delete styles/arch-wiki/Catppuccin.user.css whoops --- styles/arch-wiki/Catppuccin.user.css | 420 --------------------------- 1 file changed, 420 deletions(-) delete mode 100644 styles/arch-wiki/Catppuccin.user.css diff --git a/styles/arch-wiki/Catppuccin.user.css b/styles/arch-wiki/Catppuccin.user.css deleted file mode 100644 index 766483c446..0000000000 --- a/styles/arch-wiki/Catppuccin.user.css +++ /dev/null @@ -1,420 +0,0 @@ -/* ==UserStyle== -@name Arch Wiki Catppuccin -@namespace github.com/catppuccin/userstyles/styles/arch-wiki -@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/arch-wiki -@version 0.0.4 -@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/arch-wiki/catppuccin.user.css -@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aarch-wiki -@description Soothing pastel theme for Arch Wiki -@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== */ -/* If you need any help with the information above, please see: https://github.com/openstyles/stylus/wiki/Writing-UserCSS#var */ -/* For help with URL rules, please see https://github.com/openstyles/stylus/wiki/Writing-styles#valid--moz-document-rules. */ -@-moz-document domain('wiki.archlinux.org') { - /* prettier-ignore */ - /* stylelint-disable selector-not-notation */ - @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; - } - ; - } - - #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]; // Start styling your website here: - #archnavbar { - background-color: @mantle !important; - border-bottom-color: @blue; - } - ; - - .mw-parser-output { - background-color: @base !important; - } - ; - - .mw-page-container { - background-color: @mantle !important; - } - - .vector-header-container { - background-color: @base !important; - } - - - #content a:not([role="button"]):not(.new), - header.mw-header li:not(.new) a:not([role="button"]):not(.new), - #mw-panel-toc a:not([role="button"]):not(.new), - #mw-navigation li:not(.new) a:not([role="button"]):not(.new), - #mw-panel li:not(.new) a:not([role="button"]):not(.new), - #column-one li:not(.new) a:not([role="button"]):not(.new), - #footer a:not([role="button"]):not(.new) { - color: @blue !important; - } - - @media screen { - html.client-darkmode { - background-color: @base - } - } - - .vector-feature-zebra-design-disabled, - .body { - background-color: @base - } - - - .archwiki-template-box-tip { - background-color: fadeout(hsla(90, 90%, 65%, 0.3), 10%) !important; - border-color: fadeout(hsla(90, 90%, 75%, 0.3), 10%); - color: @subtext1; - } - - .archwiki-template-box-note { - background-color: fadeout(hsla(208, 100%, 61%, 0.3), 5%) !important; - border-color: fadeout(hsla(208, 100%, 81%, 0.3), 5%) !important; - color: @subtext1 - } - - .archwiki-template-box-warning { - background-color: fadeout(hsla(7, 99%, 60%, 0.3), 5%) !important; - border-color: fadeout(hsla(7, 99%, 80%, 0.3), 05%) !important; - color: @subtext1; - } - - .firstHeading { - color: @accent-color !important; - } - - #content { - border-color: @overlay0 - } - - #content pre:not([class*="CodeMirror"]), - #content code, - #content tt { - background-color: @surface0; - color: @text; - border-color: @overlay0 - } - - .vector-pinned-container { - border-color: @overlay0 !important - } - - .vector-pinnable-header-label { - color: @text; - } - - .vector-pinnable-header-toggle-button, - .vector-pinnable-header-unpin-button { - color: @blue; - } - - .wikitable { - background-color: @base; - } - - .wikitable > tr > th, - .wikitable > tr > td, - .wikitable > * > tr > th, - .wikitable > * > tr > td { - color: @text; - border-color: @crust; - } - - .wikitable > tr > th, - .wikitable > * > tr > th { - background-color: @mantle; - color: @text; - } - - .pre { - color: @mantle; - } - .vector-toc::after { - background-color: linear-gradient(rgba(255, 255, 255, 0), @base); - } - - .mw-headline { - color: @text; - } - - .plainlinks, - .archwiki-template-man, - .external text { - color: multiply( @blue, #555) - } - - .cdx-button:enabled.cdx-button--weight-quiet, - .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet { - background-color: @surface0 - } - - #archnavbar ul li.anb-selected a { - color: @accent-color !important; - } - - .archwiki-template-message { - background-color: @base; - } - - .catlinks { - background-color: @mantle; - } - - .mw-parser-output p { - color: @text !important; - } - - .archwiki-template-meta-related-articles { - background-color: @surface0 - } - - .archwiki-template-meta-related-articles p { - color: @text; - border-bottom-color: @blue; - } - - .archwiki-template-meta-related-articles ul li a { - color: @blue important; - } - - .mw-footer-container { - background-color: @base !important; - } - - #archnavbarlist li a { - color: @blue !important; - } - - .anb-selected { - color: @subtext1 !important; - } - - .mw-footer li { - color: @text - } - - - .vector-main-menu, - .vector-pinnable-element { - background-color: @base !important; - } - - #p-navigation ul li a { - color: @blue !important; - } - - .archwiki-template-box-note a { - color: @blue !important; - } - - .archwiki-template-box-note a:visited { - color: @mauve !important; - } - - .mw-page-title-main { - color: @text; - } - - .vector-tab-noicon mw-list-item a { - color: @blue; - } - - .mw-footer li a { - color: @blue - } - - .mw-body { - background-color: @base !important; - color: @text; - } - - .cdx-text-input__input:enabled { - background-color: @surface0 !important; - color: @text !important; - } - - .cdx-button:enabled, - .cdx-button.cdxbutton--fake-button--enabled { - color: @text; - background-color: @mantle - } - - .cdx-menu { - background-color: @surface0 - } - - .cdx-menu:hover { - background-color: @base !important; - } - - .anb-home { - color: @text !important; - } - - .vector-dropdown-content { - background-color: @base !important; - } - - .mw-headline::before { - color: @accent-color !important; - } - } - @media (prefers-color-scheme: dark) { - :root { - #catppuccin(@darkFlavor, @accentColor); - } - } - @media (prefers-color-scheme: light) { - :root { - #catppuccin(@lightFlavor, @accentColor); - } - } -} -// vim:ft=less