From 0f135d29faa9a9fc817dd723cb1a61fa7ef6a1ef Mon Sep 17 00:00:00 2001 From: uncenter <47499684+uncenter@users.noreply.github.com> Date: Sun, 5 Jan 2025 14:39:25 -0500 Subject: [PATCH] feat(arch-linux): init Co-authored-by: claymorwan --- scripts/userstyles.yml | 13 +- styles/arch-linux/catppuccin.user.css | 1258 +++++++++++++++++++++++++ styles/arch-linux/preview.webp | 3 + styles/arch-wiki/README.md | 40 - styles/arch-wiki/catppuccin.user.css | 16 - styles/arch-wiki/catppuccin.user.less | 528 ----------- styles/arch-wiki/preview.webp | 3 - 7 files changed, 1268 insertions(+), 593 deletions(-) create mode 100644 styles/arch-linux/catppuccin.user.css create mode 100644 styles/arch-linux/preview.webp delete mode 100644 styles/arch-wiki/README.md delete mode 100644 styles/arch-wiki/catppuccin.user.css delete mode 100644 styles/arch-wiki/catppuccin.user.less delete mode 100644 styles/arch-wiki/preview.webp diff --git a/scripts/userstyles.yml b/scripts/userstyles.yml index a642797032..48705ec4fe 100644 --- a/scripts/userstyles.yml +++ b/scripts/userstyles.yml @@ -157,6 +157,8 @@ collaborators: url: https://github.com/steinuil - &husjon url: https://github.com/husjon + - &claymorwan + url: https://github.com/claymorwan userstyles: advent-of-code: @@ -192,15 +194,14 @@ 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 - categories: [wiki, productivity] + arch-linux: + name: Arch Linux + categories: [system, wiki, development] icon: archlinux color: blue readme: - app-link: https://wiki.archlinux.org - usage: "Make sure to use the default **Light** theme" - current-maintainers: [] + app-link: https://archlinux.org + current-maintainers: [*claymorwan] past-maintainers: [*genshibe] boringproxy: name: boringproxy diff --git a/styles/arch-linux/catppuccin.user.css b/styles/arch-linux/catppuccin.user.css new file mode 100644 index 0000000000..2c52f91ff5 --- /dev/null +++ b/styles/arch-linux/catppuccin.user.css @@ -0,0 +1,1258 @@ +/* ==UserStyle== +@name Arch Linux Catppuccin +@namespace github.com/catppuccin/userstyles/styles/arch-linux +@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/arch-linux +@version 0.1.0 +@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/arch-linux/catppuccin.user.css +@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aarch-linux +@description Soothing pastel theme for Arch Linux +@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 regexp('https://((aur|wiki|bbs|security)\.)?archlinux\.org/.*') { + + @media (prefers-color-scheme: light) { + :root { + #catppuccin(@lightFlavor, @accentColor); + } + } + @media (prefers-color-scheme: dark) { + :root { + #catppuccin(@darkFlavor, @accentColor); + } + } + + :root[data-theme="dark"] { + #catppuccin(@darkFlavor, @accentColor); + } + :root[data-theme="light"] { + #catppuccin(@lightFlavor, @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]; + @accent-filter: @catppuccin-filters[@@lookup][@@accentColor]; + + color-scheme: if(@lookup = latte, light, dark); + + ::selection { + background-color: fade(@accent-color, 30%); + } + + input, + textarea { + &::placeholder { + color: @subtext0 !important; + } + } + + /* Start styling your website here: */ + background-color: @mantle; + body { + background-color: @mantle !important; + color: @text + } + .box { + background-color: @base; + border-color: @accent-color !important; + } + // Links + a { + color: @accent-color !important; + } + + #content a:not(.new):not([role="button"]):visited { + color: @overlay0 !important; + } + + a { + color: @accent-color !important; + } + a:hover { + filter: brightness(65%); + } + +/* archnavbar */ + + #archnavbar { + background-color: @base !important; + border-bottom-color: @accent-color !important; + } + #archnavbarlogo, #logo { + @svg: escape( + ' ' + ); + background: url("data:image/svg+xml,@{svg}") !important; + background-size: 190px 40px !important; + } + + // Keeping this until they add the .anb-selected to all pages + #archnavbar ul li.anb-selected a { + color: @accent-color !important; + } + + #archnavbarlist li a { + color: @subtext0 !important + } + #archdev-navbar li { + a { + color: @accent-color !important + } + button { + color: @accent-color !important + } + } + +/* Wiki page */ + #content table, + #content h1, + #content h2, + #content h3, + #content h4, + #content h5, + #content pre, + #content code, + #content tt { + color: @text !important; + } + .vector-page-toolbar-container { + border-color: @accent-color !important; + } + + body.skin-vector-2022 .vector-sticky-header { + color: @text !important; + background-color: @mantle !important; + border-bottom-color: @blue !important; + } + + #vector-main-menu-pinned-container, + #vector-page-tools-pinned-container { + background-color: @base !important; + } + + #ooui-php-191, + #preferences .mw-htmlform-submit-buttons { + background-color: @mantle !important; + } + + .mw-echo-ui-notificationItemWidget-content-message-header, + .oo-ui-labelElement-label { + color: @text !important; + } + + .oo-ui-optionWidget-selected { + background-color: @surface2 !important; + } + + .oo-ui-buttonElement-framed.oo-ui-widget-disabled + > .oo-ui-buttonElement-button { + background-color: @surface0 !important; + color: @text !important; + border-color: @surface2 !important; + filter: brightness(0.4); + cursor: not-allowed; + } + + .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(even) td { + background-color: @surface1 !important; + } + + .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td { + background-color: @surface2 !important; + } + + .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(odd) td, + .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled + .oo-ui-tagMultiselectWidget-handle, + .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined + .oo-ui-tagItemWidget.oo-ui-widget-enabled, + .mw-rcfilters-ui-cell.mw-rcfilters-ui-filterTagMultiselectWidget-views-select, + .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, + .oo-ui-popupWidget-popup, + .mw-echo-ui-notificationItemWidget, + .mw-echo-ui-placeholderItemWidget { + background-color: @surface0 !important; + } + + .mw-echo-ui-notificationsInboxWidget-toolbarWrapper { + background-color: @base !important; + } + + + .mw-parser-output { + background-color: @base !important; + } + + .mw-page-container { + background-color: @base !important; + } + + .vector-header-container { + background-color: @base !important; + } + + #content, + header.mw-header li:not(.new), + #mw-panel-toc, + #mw-navigation li:not(.new), + #mw-panel li:not(.new), + #column-one li:not(.new), + #footer { + a:not([role="button"], .new) { + color: @accent-color !important; + } + } + + @media screen { + html.client-darkmode { + background-color: @base; + } + } + + .vector-feature-zebra-design-disabled, + body { + background-color: @base; + } + + + .cdx-text-input__input:enabled:focus { + border-color: @blue; + box-shadow: @blue !important; + } + + .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: @mantle; + background-color: @accent-color; + border-color: @base; + } + + .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; + } + + .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.cdx-button--fake-button--enabled.cdx-button--weight-quiet, + .diff-context, + .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, + .oo-ui-checkboxInputWidget [type="checkbox"] + span { + background-color: @surface0; + color: @text; + border-color: @surface2; + } + + .vector-feature-zebra-design-disabled, + #contentSub:not(:empty) { + color: @surface0 !important; + } + + .mw-editfont-monospace { + background-color: @surface0; + color: @text; + border-color: @surface1; + } + + .diff-deletedline, + .mw-message-box-warning { + background-color: @yellow; + color: @mantle; + } + + .diff-addedline { + background-color: @sky; + color: @mantle; + } + + .mw-message-box-error { + background-color: @flamingo; + border-color: @red; + color: @base; + } + + .mw-number-text { + color: @text; + } + + .cdx-checkbox__icon { + background-color: @surface0; + } + + .oo-ui-checkboxInputWidget.oo-ui-widget-enabled + [type="checkbox"]:checked + + span, + .cdx-checkbox__input:enabled:checked + .cdx-checkbox__icon, + .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive { + background-color: @blue; + border-color: @sapphire; + color: @mantle !important; + } + + .vector-feature-zebra-design-disabled, + #vector-toc-pinned-container, + .vector-toc::after { + background: linear-gradient(rgba(255, 255, 255, 0), @base) !important; + } + + .archwiki-template-message { + background-color: @base; + } + + .catlinks { + background-color: @mantle; + border-color: @accent-color; + } + + .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-plusminus-neg, + a.new { + color: @red !important; + } + + .mw-plusminus-pos { + color: @green; + } + + .mw-plusminus-null { + color: @subtext0; + } + + .oo-ui-textInputWidget .oo-ui-inputWidget-input, + .mw-widget-dateInputWidget-handle, + .oo-ui-buttonElement-framed.oo-ui-widget-enabled + > .oo-ui-buttonElement-button, + #pagehistory li.selected { + background-color: @surface0 !important; + color: @text !important; + border-color: @surface2 !important; + } + + .oo-ui-menuSelectWidget { + background-color: @surface0; + border-color: @surface2; + } + + .oo-ui-OptionWidget-highlighted { + background-color: @overlay0 !important; + } + + .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget, + .minoredit, + .comment { + color: @text; + } + + .mw-footer-container { + color: @text !important; + + } + + .mw-footer{ + border-color: @accent-color !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-header { + background-color: @base !important; + color: @text; + } + + .mw-footer li a { + color: @blue; + } + + .cdx-text-input__input:enabled { + background-color: @surface0 !important; + color: @text !important; + border-color: @surface1; + } + + .cdx-button:enabled, + .cdx-button.cdxbutton--fake-button--enabled { + color: @mantle; + background-color: @accent-color; + border-color: @base; + } + + .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; + } + + .cdx-button { + background-color: @base !important; + color: @text !important; + border-color: @base !important; + } + + .mw-body { + background-color: @base !important; + color: @text !important; + border-color: @base !important; + } + + .mw-search-profile-tabs { + background-color: @base !important; + color: @text !important; + border-color: @base !important; + } + + .mw-content-ltr { + background-color: @base !important; + } + + .vector-sticky-pinned-container::after { + background: @base !important; + } + + .cdx-search-input { + border-color: @mantle !important; + } + + .oo-ui-widget:hover { + background-color: @surface0 !important; + } + + .mw-heading1, h1, .mw-heading2, h2{ + border-bottom-color: @accent-color !important + } + + #news h4 { + border-bottom-color: @accent-color !important; + } + + .vector-menu-heading { + color: @text !important; + } + + .mw-list-item { + span { + color: @accent-color !important; + } + a:hover { + text-decoration-color: @accent-color !important; + } + } + + .selected.vector-tab-noicon.mw-list-item a { + border-bottom-color: @accent-color !important; + } + + .vector-tab-noicon.mw-list-item a:hover { + border-bottom-color: @accent-color !important; + } + + // Icons theming + span.vector-icon.mw-ui-icon-menu.mw-ui-icon-wikimedia-menu { + filter: @accent-filter !important; + } + + span.cdx-text-input__icon.cdx-text-input__start-icon { + filter: @accent-filter !important; + } + + span.vector-icon.mw-ui-icon-ellipsis.mw-ui-icon-wikimedia-ellipsis { + filter: @accent-filter !important; + } + + span.vector-icon.mw-ui-icon-language-progressive.mw-ui-icon-wikimedia-language-progressive { + filter: @accent-filter !important; + } + + .vector-dropdown-label::after { + filter: @accent-filter !important; + } + +/* AUR */ + + // idk + content { + color: @accent-color + } + + // code + td.linenumbers { + background-color: @mantle; + pre a { + color: @accent-color !important + } + } + + td.lines { + background-color: @mantle + } + pre { + background-color: @base; + } + code { + background-color: @base; + color: @text + } + + span.hl.num { + color: @teal !important; + } + span.hl.ipl { + color: @blue !important; + } + span.hl.opt { + color: @yellow !important + } + span.hl.kwb { + color: @accent-color !important + } + span.hl.kwc { + color: @accent-color !important + } + span.hl.kwa { + color: @flamingo !important + } + span.hl.kwd { + color: @lavender !important + } + + div.article-content code { + background-color: @surface0; + } + // pkgsearch + #pkgsearch { + background-color: @accent-color; + border-color: transparent; + color: @crust; + ul { + background-color: @surface0 !important; + border-color: @accent-color !important + } + } + #pkgsearch input { + background-color: @mantle; + border-color: transparent; + color: @text; + } + + + + // Arrow box + div#content-left div#news h3 a { + background-color: @accent-color; + color: @crust !important + } + + h3 { + span.text { + background-color: @accent-color; + color: @crust + } + span.arrow { + border-top-color: @accent-color + } + } + + + // pkglist + table , th, td{ + border-color: @accent-color + } + table.results { + th { + background-color: @surface0 + } + td { + background-color: @surface0 + } + + } + th { + background-color: @surface1; + color: @text ! important + } + td { + background-color: @base; + } + span.error { + color: @red !important + } + .flagged { + color: @red !important + } + + // pkginfo + #pkginfo { + a.keyword { + background-color: @crust !important + } + td { + background-color: @surface1 !important; + } + } + + // pkgdetails + + #pkgdetails { + background-color: @surface1; + #actionlist { + background-color: @surface0; + color: @text; + border-color: @accent-color; + + + + input.button.text-button { + color: @accent-color + } + } + } + + #elsewhere { + background-color: @surface0 !important; + border-color: @accent-color !important; + } + + + // metadata + #metadata h3 { + background-color: @surface0 !important + } + + + // PKGBUILD stuff + td.sub { + color: @text !important; + a { + color: @accent-color !important + } + } + table.tabs { + border-bottom-color: @accent-color !important; + td { + a { + color: @text !important + } + a.active { + color: @mantle !important; + background-color: @accent-color !important + } + } + } + div.path { + background-color: @surface2 !important; + color: @text !important; + a { + color: @accent-color !important + } + + } + + + // Changes stuff + table.list.nowrap { + th.left a { + color: @accent-color !important + } + td a { + color: @text !important + } + td a:hover { + color : @accent-color !important + } + } + + // summary + + .nohover th { + background-color: @mantle !important; + } + // log + span.age-hours { + color: @teal !important + } + span.age-days { + color: @green !important; + } + // tree + a.ls-blob { + color: @text !important + } + a.ls-blob:hover { + color: @accent-color !important + } + a.button { + color: @text !important + } + a.button:hover { + color: @accent-color !important + } + + // commit - diff + div.content { + border-color: @accent-color !important; + th { + background-color: @base + } + td { + background-color: @mantle + } + tr { + border-color: @accent-color !important; + } + } + table.diffstat { + tr { + border-color: @accent-color; + } + td { + background-color: @surface1 !important; + } + } + div.head { + color: @text !important; + } + div.hunk { + color: @blue !important; + } + div.del { + color: @red !important; + } + div.add { + color: @green !important + } + table { + border-color: @accent-color !important; + } + + .commit-info { + th { + background-color: @mantle !important; + } + td { + background-color: @mantle !important; + } + + div.cgit-panel td { + background-color: @red !important; + } + } + + .diffstat-summary { + color: @text !important; + } + + .cgit-panel td { + background-color: @surface1 !important; + } + + // stats + .stats { + th { + background-color: @surface0 !important; + } + td { + background-color: @surface1 !important; + } + td.sum { + color: @red !important + } + } + + // edited + .edited { + color: @subtext0 !important + } + +/* Security page */ + + hr { + border-color: @accent-color !important; + } + span.purple { + color: @mauve !important + } + span.red { + color: @red !important; + } + span.orange { + color: @peach !important + } + span.light_orange { + color: @flamingo !important; + } + span.green { + color: @green !important; + } + + .styled-table.full.size td { + border-color: @accent-color !important; + } + +/* Home page */ + + + + dl.newslist { + dt { + color: @text !important; + } + dd { + border-color: @accent-color !important; + } + } + #news pre{ + background-color: fadeout(hsla(90, 90%, 65%, 0.3), 10%) !important; + border-color: fadeout(hsla(90, 90%, 75%, 0.3), 10%); + code { + background-color: transparent; + color: @subtext1 !important + } + } + + .rss-icon { + filter: @accent-filter !important; + } + +/* Forum page */ + + .pun { // for backgrounds I think + background-color: @base !important; + div.punwrap { + background-color: @base !important; + border-color: @accent-color !important; + } + } + + .blocktable { + h2 { + color: @text !important; + } + td { + color: @text !important; + } + .tcl a { + background-color: transparent !important; + } + .tc2 a { + background-color: transparent !important; + } + .tc3 a { + background-color: transparent !important; + } + } + + .inbox { + th { + border-color: @accent-color !important; + color: @text !important; + background-color: @surface0 !important; + } + td { + background-color: @surface1 !important; + border-color: @accent-color !important; + } + a { + background-color: @base !important; + border-color: transparent !important; + } + span { + color: @text !important; + } + background-color: @base !important; + p { + color: @text !important + } + dl { + color: @text !important; + } + h3 a { + background-color: transparent !important; + } + .tcr a { + background-color: transparent !important; + } + } + + div#brdmenu.inbox { + background-color: @base !important; + } + + .tclcon { + a { + background-color: transparent !important; + } + a:hover { + color: @red !important; + } + } + .forumdesc { + color: @text !important; + } + #brdmain { + color: @text; + border-color: @accent-color !important; + } + #brdstats.block { + border-top-color: @accent-color; + } + + // All that for threads + .postbody { + background-color: @base !important; + border-color: @accent-color !important + } + .blockpost.rowodd.firstpost.blockpost1 { + border-color: @accent-color !important; + a { + background-color: transparent !important; + } + h2 { + background-color: @surface0 !important; + border-color: @accent-color !important + } + } + .blockpost.roweven { + border-color: @accent-color !important; + a { + background-color: transparent !important; + } + h2 { + background-color: @surface0 !important; + border-color: @accent-color !important + } + } + .blockpost.rowodd { + border-color: @accent-color !important; + a { + background-color: transparent !important; + } + h2 { + background-color: @surface0 !important; + border-color: @accent-color !important + } + } + .postsignature.postmsg hr { + background-color : @accent-color !important; + } + .postfoot.clearb { + background-color: @base !important; + border-color: @accent-color !important + } + + .postleft { + background-color: @surface1 !important; + } + .postfootleft { + background-color: @surface1 !important; + } + + .postright { + background-color: @base !important; + } + + .quotebox { + background-color: @surface2 !important; + border-color: @accent-color !important; + cite { + color: @accent-color; + } + } + + span.conr { + color: @text; + } + + #quickpost { + border-color: @accent-color !important; + h2 { + background-color: @surface0; + } + } + + // User profile + #viewprofile .box { + background-color: @surface0 !important ; + } + .postsignature.postmsg { // signature + color: @text; + } + + // User list + #users1 h2 { + background-color: @base !important; + } + + // Register / Login + .blockform { + .box { + background-color: @surface0 !important; + } + h2 span { + color: @text !important; + } + } + + .inform { + background-color: @surface0; + color: @text !important; + legend { + color: @text !important; + } + .infldset { + background-color: @surface1 !important; + border-color: @accent-color !important; + strong { + color: @text !important; + } + label { + color: @text !important; + } + + dl { + border-color: @accent-color !important; + } + dt { + color: @text !important + } + } + + #register { + background-color: @base !important; + } + .forminfo { + background-color: @surface1 !important; + border-color: @accent-color !important; + + } + } + p.buttons { + background-color: @surface0 !important; + } + + #posterror { + border-color: @accent-color !important; + h2 { + background-color: @surface1 !important; + color: @text !important; + } + .inbox.error-info { + background-color: @yellow !important; + color: @red !important; + p { + color: @crust !important ; + } + } + } + + // Rules + #rules { + .box { + background-color: @surface0 !important; + } + .inbox { + background-color: @surface0 !important; + a { + background-color: transparent !important; + } + } + } + + // Search + .conl.multiselect { + color: @accent-color; + } + .checklist { + background-color: @surface0 !important; + border-color: @accent-color !important; + } + + // News + .article-info { + color: @subtext0 !important; + } + + } + } + + + +/* 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; }; + } + +/* deno-fmt-ignore */ +@catppuccin-filters: { + @latte: { @rosewater: brightness(0) saturate(100%) invert(65%) sepia(18%) saturate(1048%) hue-rotate(323deg) brightness(92%) contrast(86%); @flamingo: brightness(0) saturate(100%) invert(84%) sepia(44%) saturate(4533%) hue-rotate(310deg) brightness(98%) contrast(75%); @pink: brightness(0) saturate(100%) invert(60%) sepia(32%) saturate(775%) hue-rotate(266deg) brightness(93%) contrast(97%); @mauve: brightness(0) saturate(100%) invert(26%) sepia(59%) saturate(3315%) hue-rotate(255deg) brightness(94%) contrast(100%); @red: brightness(0) saturate(100%) invert(16%) sepia(78%) saturate(7275%) hue-rotate(342deg) brightness(84%) contrast(94%); @maroon: brightness(0) saturate(100%) invert(31%) sepia(56%) saturate(2395%) hue-rotate(331deg) brightness(99%) contrast(82%); @peach: brightness(0) saturate(100%) invert(38%) sepia(81%) saturate(1292%) hue-rotate(356deg) brightness(103%) contrast(99%); @yellow: brightness(0) saturate(100%) invert(74%) sepia(47%) saturate(4570%) hue-rotate(354deg) brightness(95%) contrast(83%); @green: brightness(0) saturate(100%) invert(51%) sepia(25%) saturate(4134%) hue-rotate(76deg) brightness(95%) contrast(66%); @teal: brightness(0) saturate(100%) invert(41%) sepia(45%) saturate(1101%) hue-rotate(139deg) brightness(100%) contrast(82%); @sky: brightness(0) saturate(100%) invert(47%) sepia(76%) saturate(2427%) hue-rotate(166deg) brightness(99%) contrast(97%); @sapphire: brightness(0) saturate(100%) invert(52%) sepia(41%) saturate(6982%) hue-rotate(160deg) brightness(102%) contrast(75%); @blue: brightness(0) saturate(100%) invert(30%) sepia(80%) saturate(1850%) hue-rotate(209deg) brightness(94%) contrast(105%); @lavender: brightness(0) saturate(100%) invert(48%) sepia(61%) saturate(538%) hue-rotate(194deg) brightness(102%) contrast(98%); @text: brightness(0) saturate(100%) invert(30%) sepia(10%) saturate(1259%) hue-rotate(196deg) brightness(97%) contrast(91%); @subtext1: brightness(0) saturate(100%) invert(36%) sepia(10%) saturate(890%) hue-rotate(196deg) brightness(98%) contrast(90%); @subtext0: brightness(0) saturate(100%) invert(47%) sepia(6%) saturate(1263%) hue-rotate(195deg) brightness(90%) contrast(81%); @overlay2: brightness(0) saturate(100%) invert(59%) sepia(7%) saturate(825%) hue-rotate(195deg) brightness(83%) contrast(91%); @overlay1: brightness(0) saturate(100%) invert(59%) sepia(14%) saturate(333%) hue-rotate(194deg) brightness(95%) contrast(89%); @overlay0: brightness(0) saturate(100%) invert(85%) sepia(7%) saturate(595%) hue-rotate(191deg) brightness(77%) contrast(81%); @surface2: brightness(0) saturate(100%) invert(86%) sepia(6%) saturate(482%) hue-rotate(189deg) brightness(82%) contrast(88%); @surface1: brightness(0) saturate(100%) invert(85%) sepia(8%) saturate(281%) hue-rotate(187deg) brightness(92%) contrast(88%); @surface0: brightness(0) saturate(100%) invert(96%) sepia(1%) saturate(5123%) hue-rotate(185deg) brightness(93%) contrast(83%); @base: brightness(0) saturate(100%) invert(89%) sepia(5%) saturate(140%) hue-rotate(182deg) brightness(109%) contrast(94%); @mantle: brightness(0) saturate(100%) invert(93%) sepia(19%) saturate(55%) hue-rotate(182deg) brightness(98%) contrast(92%); @crust: brightness(0) saturate(100%) invert(91%) sepia(1%) saturate(4489%) hue-rotate(196deg) brightness(106%) contrast(82%); }; + @frappe: { @rosewater: brightness(0) saturate(100%) invert(90%) sepia(6%) saturate(734%) hue-rotate(321deg) brightness(95%) contrast(99%); @flamingo: brightness(0) saturate(100%) invert(88%) sepia(52%) saturate(817%) hue-rotate(293deg) brightness(113%) contrast(84%); @pink: brightness(0) saturate(100%) invert(76%) sepia(15%) saturate(844%) hue-rotate(280deg) brightness(107%) contrast(91%); @mauve: brightness(0) saturate(100%) invert(71%) sepia(25%) saturate(725%) hue-rotate(225deg) brightness(94%) contrast(91%); @red: brightness(0) saturate(100%) invert(67%) sepia(3%) saturate(7209%) hue-rotate(305deg) brightness(91%) contrast(99%); @maroon: brightness(0) saturate(100%) invert(61%) sepia(14%) saturate(957%) hue-rotate(307deg) brightness(109%) contrast(90%); @peach: brightness(0) saturate(100%) invert(68%) sepia(28%) saturate(662%) hue-rotate(335deg) brightness(96%) contrast(94%); @yellow: brightness(0) saturate(100%) invert(94%) sepia(88%) saturate(684%) hue-rotate(309deg) brightness(105%) contrast(80%); @green: brightness(0) saturate(100%) invert(89%) sepia(23%) saturate(582%) hue-rotate(42deg) brightness(87%) contrast(89%); @teal: brightness(0) saturate(100%) invert(91%) sepia(13%) saturate(986%) hue-rotate(110deg) brightness(85%) contrast(81%); @sky: brightness(0) saturate(100%) invert(75%) sepia(15%) saturate(623%) hue-rotate(141deg) brightness(109%) contrast(81%); @sapphire: brightness(0) saturate(100%) invert(77%) sepia(20%) saturate(730%) hue-rotate(157deg) brightness(97%) contrast(76%); @blue: brightness(0) saturate(100%) invert(68%) sepia(16%) saturate(1070%) hue-rotate(185deg) brightness(96%) contrast(95%); @lavender: brightness(0) saturate(100%) invert(75%) sepia(20%) saturate(626%) hue-rotate(201deg) brightness(101%) contrast(89%); @text: brightness(0) saturate(100%) invert(83%) sepia(12%) saturate(582%) hue-rotate(191deg) brightness(98%) contrast(96%); @subtext1: brightness(0) saturate(100%) invert(80%) sepia(18%) saturate(411%) hue-rotate(190deg) brightness(96%) contrast(84%); @subtext0: brightness(0) saturate(100%) invert(82%) sepia(6%) saturate(1287%) hue-rotate(192deg) brightness(86%) contrast(85%); @overlay2: brightness(0) saturate(100%) invert(65%) sepia(36%) saturate(230%) hue-rotate(190deg) brightness(92%) contrast(82%); @overlay1: brightness(0) saturate(100%) invert(55%) sepia(12%) saturate(638%) hue-rotate(189deg) brightness(98%) contrast(87%); @overlay0: brightness(0) saturate(100%) invert(49%) sepia(13%) saturate(662%) hue-rotate(192deg) brightness(94%) contrast(84%); @surface2: brightness(0) saturate(100%) invert(41%) sepia(20%) saturate(469%) hue-rotate(191deg) brightness(93%) contrast(86%); @surface1: brightness(0) saturate(100%) invert(34%) sepia(14%) saturate(771%) hue-rotate(190deg) brightness(89%) contrast(85%); @surface0: brightness(0) saturate(100%) invert(28%) sepia(7%) saturate(1468%) hue-rotate(193deg) brightness(92%) contrast(95%); @base: brightness(0) saturate(100%) invert(20%) sepia(17%) saturate(747%) hue-rotate(192deg) brightness(96%) contrast(97%); @mantle: brightness(0) saturate(100%) invert(8%) sepia(7%) saturate(7271%) hue-rotate(198deg) brightness(88%) contrast(75%); @crust: brightness(0) saturate(100%) invert(7%) sepia(7%) saturate(7415%) hue-rotate(197deg) brightness(86%) contrast(79%); }; + @macchiato: { @rosewater: brightness(0) saturate(100%) invert(88%) sepia(13%) saturate(322%) hue-rotate(321deg) brightness(102%) contrast(91%); @flamingo: brightness(0) saturate(100%) invert(82%) sepia(3%) saturate(3070%) hue-rotate(314deg) brightness(107%) contrast(88%); @pink: brightness(0) saturate(100%) invert(80%) sepia(23%) saturate(509%) hue-rotate(280deg) brightness(102%) contrast(92%); @mauve: brightness(0) saturate(100%) invert(65%) sepia(18%) saturate(903%) hue-rotate(222deg) brightness(104%) contrast(93%); @red: brightness(0) saturate(100%) invert(61%) sepia(19%) saturate(1541%) hue-rotate(305deg) brightness(110%) contrast(86%); @maroon: brightness(0) saturate(100%) invert(71%) sepia(10%) saturate(1331%) hue-rotate(306deg) brightness(93%) contrast(101%); @peach: brightness(0) saturate(100%) invert(73%) sepia(13%) saturate(1676%) hue-rotate(330deg) brightness(103%) contrast(92%); @yellow: brightness(0) saturate(100%) invert(87%) sepia(89%) saturate(321%) hue-rotate(314deg) brightness(101%) contrast(87%); @green: brightness(0) saturate(100%) invert(93%) sepia(12%) saturate(1128%) hue-rotate(48deg) brightness(92%) contrast(85%); @teal: brightness(0) saturate(100%) invert(92%) sepia(10%) saturate(1176%) hue-rotate(110deg) brightness(87%) contrast(90%); @sky: brightness(0) saturate(100%) invert(78%) sepia(57%) saturate(230%) hue-rotate(142deg) brightness(96%) contrast(84%); @sapphire: brightness(0) saturate(100%) invert(74%) sepia(35%) saturate(438%) hue-rotate(156deg) brightness(92%) contrast(93%); @blue: brightness(0) saturate(100%) invert(67%) sepia(17%) saturate(1007%) hue-rotate(183deg) brightness(99%) contrast(94%); @lavender: brightness(0) saturate(100%) invert(74%) sepia(6%) saturate(2559%) hue-rotate(198deg) brightness(103%) contrast(94%); @text: brightness(0) saturate(100%) invert(81%) sepia(9%) saturate(726%) hue-rotate(192deg) brightness(104%) contrast(92%); @subtext1: brightness(0) saturate(100%) invert(84%) sepia(5%) saturate(1453%) hue-rotate(193deg) brightness(94%) contrast(86%); @subtext0: brightness(0) saturate(100%) invert(75%) sepia(18%) saturate(361%) hue-rotate(190deg) brightness(91%) contrast(86%); @overlay2: brightness(0) saturate(100%) invert(67%) sepia(9%) saturate(814%) hue-rotate(191deg) brightness(92%) contrast(88%); @overlay1: brightness(0) saturate(100%) invert(49%) sepia(38%) saturate(203%) hue-rotate(190deg) brightness(101%) contrast(93%); @overlay0: brightness(0) saturate(100%) invert(46%) sepia(16%) saturate(552%) hue-rotate(193deg) brightness(93%) contrast(84%); @surface2: brightness(0) saturate(100%) invert(34%) sepia(16%) saturate(611%) hue-rotate(192deg) brightness(101%) contrast(87%); @surface1: brightness(0) saturate(100%) invert(30%) sepia(11%) saturate(1085%) hue-rotate(194deg) brightness(92%) contrast(89%); @surface0: brightness(0) saturate(100%) invert(18%) sepia(21%) saturate(880%) hue-rotate(193deg) brightness(97%) contrast(84%); @base: brightness(0) saturate(100%) invert(12%) sepia(42%) saturate(570%) hue-rotate(194deg) brightness(90%) contrast(90%); @mantle: brightness(0) saturate(100%) invert(6%) sepia(6%) saturate(7499%) hue-rotate(200deg) brightness(93%) contrast(85%); @crust: brightness(0) saturate(100%) invert(5%) sepia(8%) saturate(5346%) hue-rotate(202deg) brightness(98%) contrast(88%); }; + @mocha: { @rosewater: brightness(0) saturate(100%) invert(92%) sepia(5%) saturate(704%) hue-rotate(320deg) brightness(99%) contrast(93%); @flamingo: brightness(0) saturate(100%) invert(81%) sepia(5%) saturate(987%) hue-rotate(315deg) brightness(107%) contrast(90%); @pink: brightness(0) saturate(100%) invert(86%) sepia(11%) saturate(1177%) hue-rotate(283deg) brightness(101%) contrast(92%); @mauve: brightness(0) saturate(100%) invert(65%) sepia(58%) saturate(255%) hue-rotate(224deg) brightness(96%) contrast(102%); @red: brightness(0) saturate(100%) invert(61%) sepia(19%) saturate(997%) hue-rotate(294deg) brightness(104%) contrast(91%); @maroon: brightness(0) saturate(100%) invert(66%) sepia(16%) saturate(1301%) hue-rotate(306deg) brightness(116%) contrast(84%); @peach: brightness(0) saturate(100%) invert(68%) sepia(57%) saturate(278%) hue-rotate(338deg) brightness(98%) contrast(101%); @yellow: brightness(0) saturate(100%) invert(90%) sepia(70%) saturate(380%) hue-rotate(313deg) brightness(102%) contrast(95%); @green: brightness(0) saturate(100%) invert(88%) sepia(6%) saturate(2015%) hue-rotate(63deg) brightness(104%) contrast(78%); @teal: brightness(0) saturate(100%) invert(92%) sepia(12%) saturate(991%) hue-rotate(108deg) brightness(93%) contrast(90%); @sky: brightness(0) saturate(100%) invert(84%) sepia(21%) saturate(1302%) hue-rotate(164deg) brightness(106%) contrast(84%); @sapphire: brightness(0) saturate(100%) invert(74%) sepia(20%) saturate(876%) hue-rotate(156deg) brightness(96%) contrast(93%); @blue: brightness(0) saturate(100%) invert(68%) sepia(18%) saturate(951%) hue-rotate(180deg) brightness(98%) contrast(100%); @lavender: brightness(0) saturate(100%) invert(73%) sepia(7%) saturate(1670%) hue-rotate(195deg) brightness(102%) contrast(99%); @text: brightness(0) saturate(100%) invert(86%) sepia(6%) saturate(879%) hue-rotate(190deg) brightness(100%) contrast(93%); @subtext1: brightness(0) saturate(100%) invert(84%) sepia(19%) saturate(381%) hue-rotate(193deg) brightness(91%) contrast(89%); @subtext0: brightness(0) saturate(100%) invert(84%) sepia(9%) saturate(767%) hue-rotate(192deg) brightness(84%) contrast(84%); @overlay2: brightness(0) saturate(100%) invert(63%) sepia(15%) saturate(428%) hue-rotate(191deg) brightness(96%) contrast(84%); @overlay1: brightness(0) saturate(100%) invert(56%) sepia(15%) saturate(455%) hue-rotate(192deg) brightness(90%) contrast(88%); @overlay0: brightness(0) saturate(100%) invert(44%) sepia(6%) saturate(1275%) hue-rotate(194deg) brightness(97%) contrast(88%); @surface2: brightness(0) saturate(100%) invert(34%) sepia(8%) saturate(1015%) hue-rotate(195deg) brightness(99%) contrast(89%); @surface1: brightness(0) saturate(100%) invert(25%) sepia(6%) saturate(1950%) hue-rotate(197deg) brightness(99%) contrast(86%); @surface0: brightness(0) saturate(100%) invert(19%) sepia(5%) saturate(2844%) hue-rotate(199deg) brightness(91%) contrast(93%); @base: brightness(0) saturate(100%) invert(7%) sepia(4%) saturate(7496%) hue-rotate(202deg) brightness(93%) contrast(87%); @mantle: brightness(0) saturate(100%) invert(6%) sepia(4%) saturate(7465%) hue-rotate(202deg) brightness(95%) contrast(90%); @crust: brightness(0) saturate(100%) invert(3%) sepia(13%) saturate(6863%) hue-rotate(220deg) brightness(95%) contrast(91%); }; +} + + // vim:ft=less diff --git a/styles/arch-linux/preview.webp b/styles/arch-linux/preview.webp new file mode 100644 index 0000000000..f94ee4e450 --- /dev/null +++ b/styles/arch-linux/preview.webp @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:ab74b07461fbaf32bd0b0232775d5fd4bd92c78d68b27b7f6eda3c5704979b4a +size 143482 diff --git a/styles/arch-wiki/README.md b/styles/arch-wiki/README.md deleted file mode 100644 index 50fac81034..0000000000 --- a/styles/arch-wiki/README.md +++ /dev/null @@ -1,40 +0,0 @@ - - - -

- Logo
- - Catppuccin for Arch Wiki - -

- -

- - -

- -

- -

- -## Usage -Make sure to use the default **Light** theme - - -## 🚧 Looking for Maintainers 🚧 -- If you are interested in maintaining this userstyle, please raise a **Pull Request** and add yourself into the `current-maintainers` array in the `userstyles.yml` file. - -## 💖 Past Maintainer -- [GenShibe](https://github.com/GenShibe) - -  - -

- -

- -

- Copyright © 2021-present Catppuccin Org -

- - diff --git a/styles/arch-wiki/catppuccin.user.css b/styles/arch-wiki/catppuccin.user.css deleted file mode 100644 index a993b315cc..0000000000 --- a/styles/arch-wiki/catppuccin.user.css +++ /dev/null @@ -1,16 +0,0 @@ -/* ==UserStyle== -@name Arch Wiki Catppuccin [STUB | UPDATE REQUIRED] -@namespace github.com/catppuccin/userstyles/styles/arch-wiki -@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/arch-wiki -@version 2024.12.29 -@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/arch-wiki/catppuccin.user.less -@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== */ diff --git a/styles/arch-wiki/catppuccin.user.less b/styles/arch-wiki/catppuccin.user.less deleted file mode 100644 index 126a55e925..0000000000 --- a/styles/arch-wiki/catppuccin.user.less +++ /dev/null @@ -1,528 +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 2024.12.31 -@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/arch-wiki/catppuccin.user.less -@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== */ - -@-moz-document domain("wiki.archlinux.org") { - :root { - @media (prefers-color-scheme: light) { - #catppuccin(@lightFlavor); - } - @media (prefers-color-scheme: dark) { - #catppuccin(@darkFlavor); - } - } - - #catppuccin(@flavor) { - @rosewater: @catppuccin[@@flavor][@rosewater]; - @flamingo: @catppuccin[@@flavor][@flamingo]; - @pink: @catppuccin[@@flavor][@pink]; - @mauve: @catppuccin[@@flavor][@mauve]; - @red: @catppuccin[@@flavor][@red]; - @maroon: @catppuccin[@@flavor][@maroon]; - @peach: @catppuccin[@@flavor][@peach]; - @yellow: @catppuccin[@@flavor][@yellow]; - @green: @catppuccin[@@flavor][@green]; - @teal: @catppuccin[@@flavor][@teal]; - @sky: @catppuccin[@@flavor][@sky]; - @sapphire: @catppuccin[@@flavor][@sapphire]; - @blue: @catppuccin[@@flavor][@blue]; - @lavender: @catppuccin[@@flavor][@lavender]; - @text: @catppuccin[@@flavor][@text]; - @subtext1: @catppuccin[@@flavor][@subtext1]; - @subtext0: @catppuccin[@@flavor][@subtext0]; - @overlay2: @catppuccin[@@flavor][@overlay2]; - @overlay1: @catppuccin[@@flavor][@overlay1]; - @overlay0: @catppuccin[@@flavor][@overlay0]; - @surface2: @catppuccin[@@flavor][@surface2]; - @surface1: @catppuccin[@@flavor][@surface1]; - @surface0: @catppuccin[@@flavor][@surface0]; - @base: @catppuccin[@@flavor][@base]; - @mantle: @catppuccin[@@flavor][@mantle]; - @crust: @catppuccin[@@flavor][@crust]; - @accent: @catppuccin[@@flavor][@@accentColor]; - - color-scheme: if(@flavor = latte, light, dark); - - ::selection { - background-color: fade(@accent, 30%); - } - - input, - textarea { - &::placeholder { - color: @subtext0 !important; - } - } - - #content table, - #content h1, - #content h2, - #content h3, - #content h4, - #content h5, - #content pre, - #content code, - #content tt { - color: @text !important; - } - - body.skin-vector-2022 .vector-sticky-header { - color: @text !important; - background-color: @mantle !important; - border-bottom-color: @blue !important; - } - - #vector-main-menu-pinned-container, - #vector-page-tools-pinned-container { - background-color: @base !important; - } - - #ooui-php-191, - #preferences .mw-htmlform-submit-buttons { - background-color: @mantle !important; - } - - .mw-echo-ui-notificationItemWidget-content-message-header, - .oo-ui-labelElement-label { - color: @text !important; - } - - .oo-ui-optionWidget-selected { - background-color: @surface2 !important; - } - - .oo-ui-buttonElement-framed.oo-ui-widget-disabled - > .oo-ui-buttonElement-button { - background-color: @surface0 !important; - color: @text !important; - border-color: @surface2 !important; - filter: brightness(0.4); - cursor: not-allowed; - } - - .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(even) td { - background-color: @surface1 !important; - } - - .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td { - background-color: @surface2 !important; - } - - .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(odd) td, - .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled - .oo-ui-tagMultiselectWidget-handle, - .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined - .oo-ui-tagItemWidget.oo-ui-widget-enabled, - .mw-rcfilters-ui-cell.mw-rcfilters-ui-filterTagMultiselectWidget-views-select, - .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, - .oo-ui-popupWidget-popup, - .mw-echo-ui-notificationItemWidget, - .mw-echo-ui-placeholderItemWidget { - background-color: @surface0 !important; - } - - .mw-echo-ui-notificationsInboxWidget-toolbarWrapper { - background-color: @base !important; - } - - #archnavbar { - background-color: @mantle !important; - border-bottom-color: @blue !important; - } - .mw-parser-output { - background-color: @base !important; - } - - .mw-page-container { - background-color: @base !important; - } - - .vector-header-container { - background-color: @base !important; - } - - #content, - header.mw-header li:not(.new), - #mw-panel-toc, - #mw-navigation li:not(.new), - #mw-panel li:not(.new), - #column-one li:not(.new), - #footer { - a:not([role="button"], .new) { - color: @blue !important; - } - } - - @media screen { - html.client-darkmode { - background-color: @base; - } - } - - .vector-feature-zebra-design-disabled, - body { - background-color: @base; - } - - #archnavbarlogo { - @svg: escape( - '' - ); - background: url("data:image/svg+xml,@{svg}") !important; - background-size: 190px 40px !important; - } - .cdx-text-input__input:enabled:focus { - border-color: @blue; - box-shadow: @blue !important; - } - - .archwiki-template-box-tip { - background-color: hsla(90, 90%, 65%, 0.2) !important; - border-color: hsla(90, 90%, 75%, 0.2); - color: @subtext1; - } - - .archwiki-template-box-note { - background-color: hsla(208, 100%, 61%, 0.25) !important; - border-color: hsla(208, 100%, 81%, 0.25) !important; - color: @subtext1; - } - - .archwiki-template-box-warning { - background-color: hsla(7, 99%, 60%, 0.25) !important; - border-color: hsla(7, 99%, 80%, 0.25) !important; - color: @subtext1; - } - - .firstHeading { - color: @accent !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: @mantle; - background-color: @accent; - border-color: @base; - } - - .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; - } - - .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.cdx-button--fake-button--enabled.cdx-button--weight-quiet, - .diff-context, - .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, - .oo-ui-checkboxInputWidget [type="checkbox"] + span { - background-color: @surface0; - color: @text; - border-color: @surface2; - } - - .vector-feature-zebra-design-disabled, - #contentSub:not(:empty) { - color: @surface0 !important; - } - - .mw-editfont-monospace { - background-color: @surface0; - color: @text; - border-color: @surface1; - } - - .diff-deletedline, - .mw-message-box-warning { - background-color: @yellow; - color: @mantle; - } - - .diff-addedline { - background-color: @sky; - color: @mantle; - } - - .mw-message-box-error { - background-color: @flamingo; - border-color: @red; - color: @base; - } - - .mw-number-text { - color: @text; - } - - .cdx-checkbox__icon { - background-color: @surface0; - } - - .oo-ui-checkboxInputWidget.oo-ui-widget-enabled - [type="checkbox"]:checked - + span, - .cdx-checkbox__input:enabled:checked + .cdx-checkbox__icon, - .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive { - background-color: @blue; - border-color: @sapphire; - color: @mantle !important; - } - - .vector-feature-zebra-design-disabled, - #vector-toc-pinned-container, - .vector-toc::after { - background: linear-gradient(rgba(255, 255, 255, 0), @base) !important; - } - - #archnavbar ul li.anb-selected a { - color: @accent !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-plusminus-neg, - a.new { - color: @red !important; - } - - .mw-plusminus-pos { - color: @green; - } - - .mw-plusminus-null { - color: @subtext0; - } - - .oo-ui-textInputWidget .oo-ui-inputWidget-input, - .mw-widget-dateInputWidget-handle, - .oo-ui-buttonElement-framed.oo-ui-widget-enabled - > .oo-ui-buttonElement-button, - #pagehistory li.selected { - background-color: @surface0 !important; - color: @text !important; - border-color: @surface2 !important; - } - - .oo-ui-menuSelectWidget { - background-color: @surface0; - border-color: @surface2; - } - - .oo-ui-OptionWidget-highlighted { - background-color: @overlay0 !important; - } - - .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget, - .minoredit, - .comment { - color: @text; - } - - .mw-footer-container { - color: @text !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-header { - background-color: @base !important; - color: @text; - } - - .mw-footer li a { - color: @blue; - } - - .cdx-text-input__input:enabled { - background-color: @surface0 !important; - color: @text !important; - border-color: @surface1; - } - - .cdx-button:enabled, - .cdx-button.cdxbutton--fake-button--enabled { - color: @mantle; - background-color: @accent; - border-color: @base; - } - - .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 !important; - } - - .cdx-button { - background-color: @base !important; - color: @text !important; - border-color: @base !important; - } - - .mw-body { - background-color: @base !important; - color: @text !important; - border-color: @base !important; - } - - .mw-search-profile-tabs { - background-color: @base !important; - color: @text !important; - border-color: @base !important; - } - - .mw-content-ltr { - background-color: @base !important; - } - - .vector-sticky-pinned-container::after { - background: @base !important; - } - - .cdx-search-input { - border-color: @mantle !important; - } - - .oo-ui-widget:hover { - background-color: @surface0 !important; - } - } -} - -/* deno-fmt-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; }; -}; diff --git a/styles/arch-wiki/preview.webp b/styles/arch-wiki/preview.webp deleted file mode 100644 index 905eb3eed9..0000000000 --- a/styles/arch-wiki/preview.webp +++ /dev/null @@ -1,3 +0,0 @@ -version https://git-lfs.github.com/spec/v1 -oid sha256:e8ed69eec454585f3e78ad31aee410da54090cfea15ce0a84bbd1a3575e686a6 -size 119394