diff --git a/lib/mediawiki.less b/lib/mediawiki.less index 51dac9c797..6c083cbed5 100644 --- a/lib/mediawiki.less +++ b/lib/mediawiki.less @@ -253,13 +253,20 @@ } } - .mw-parser-output { - a.external { + .mw-parser-output a { + &.external { @svg: escape( '' ); background-image: url("data:image/svg+xml,@{svg}"); } + + &.extiw { + @svg: escape( + '' + ); + background-image: url("data:image/svg+xml,@{svg}"); + } } /* Math equations */ @@ -278,13 +285,161 @@ background-image: url("data:image/svg+xml,@{svg}"); } - .oo-ui-radioInputWidget [type="radio"] + span { - background-color: @text; + /* Non-Inverted Icons */ + :not(.cdx-icon) svg, + :not(.skin-invert-image) img, + .oo-ui-iconElement-icon:is( + .oo-ui-image-progressive, + .oo-ui-image-destructive, + .oo-ui-checkboxInputWidget-checkIcon, + .oo-ui-image-invert, + .mw-no-invert + ) { + filter: @base-filter; + } + + /* Inverted Icons */ + .cdx-icon svg, + .skin-invert-image img, + .skin-invert, + .oo-ui-iconElement-icon:not( + .oo-ui-image-progressive, + .oo-ui-image-destructive, + .oo-ui-checkboxInputWidget-checkIcon, + .oo-ui-image-invert, + .mw-no-invert + ) { + filter: @text-filter; } - .cdx-radio__input:enabled:checked + .cdx-radio__icon, - .oo-ui-radioInputWidget [type="radio"]:checked + span { - background-color: @base; + /* Basic Widget */ + .oo-ui-inputWidget-input { + border-color: @overlay0; + + &:hover { + background-color: fade(@accent, 30%); + } + + &:focus, &:focus-within { + border-color: @accent; + } + + &:active { + color: @base; + background-color: darken(@accent, 10%); + } + } + + /* Codex Radio Input */ + .cdx-radio__input { + + .cdx-radio__icon, &:enabled + .cdx-radio__icon { + background-color: @base; + border-color: @surface0; + } + + &:hover + .cdx-radio__icon { + background-color: @accent; + } + + &:active + .cdx-radio__icon, + &:focus + .cdx-radio__icon, + &:focus-within + .cdx-radio__icon { + background-color: darken(@accent, 10%); + border-color: @surface0; + } + + &:checked { + + .cdx-radio__icon { + background-color: @surface0; + border-color: @accent; + } + + &:hover + .cdx-radio__icon { + background-color: darken(@accent, 5%); + border-color: @surface0; + } + } + + &:disabled + .cdx-radio__icon { + border-color: @mantle; + } + } + + /* Radio Input */ + .oo-ui-radioInputWidget [type="radio"] { + + span, &:enabled + span { + background-color: @base; + border-color: @surface0; + } + + &:hover + span { + background-color: @accent; + } + + &:active + span, + &:focus + span, + &:focus-within + span { + background-color: darken(@accent, 10%); + border-color: @surface0; + } + + &:checked { + + span { + background-color: @surface0; + border-color: @accent; + } + + &:hover + span { + background-color: darken(@accent, 5%); + border-color: @surface0; + } + } + + &:disabled + span { + border-color: @mantle; + } + } + + /* Inactive Button */ + :not(.oo-ui-optionWidget-selected, .oo-ui-buttonElement-active) + .oo-ui-buttonElement-button { + color: @text; + background-color: @surface0; + border-color: @overlay0; + + &:hover { + background-color: fade(@accent, 30%); + } + + &:focus, &:focus-within { + border-color: @accent; + } + + &:active { + color: @base; + background-color: darken(@accent, 10%); + } + } + + /* Active Button */ + :is(.oo-ui-optionWidget-selected, .oo-ui-buttonElement-active) + .oo-ui-buttonElement-button { + color: @base; + background-color: darken(@accent, 10%); + border-color: @overlay0; + + &:hover { + background-color: fade(@accent, 30%); + } + + &:focus, &:focus-within { + border-color: @accent; + } + + &:active { + color: @base; + background-color: darken(@accent, 10%); + } } /* View source */ @@ -352,6 +507,14 @@ filter: none; } + img.mw-file-element { + @svg: escape( + '' + ); + content: url("data:image/svg+xml,@{svg}"); + filter: none !important; + } + .vector-icon { filter: none !important; diff --git a/scripts/userstyles.yml b/scripts/userstyles.yml index 6c2850dce8..6bde01f0cb 100644 --- a/scripts/userstyles.yml +++ b/scripts/userstyles.yml @@ -70,6 +70,8 @@ collaborators: - &zenoix zenoix - &NekoDrone NekoDrone - &adamperkowski adamperkowski + - &ninetailedtori ninetailedtori + - &opensourcecheemsburgers opensourcecheemsburgers userstyles: advent-of-code: @@ -109,14 +111,13 @@ userstyles: name: AniChart link: https://anichart.net current-maintainers: [*AnubisNekhet] - arch-wiki: - name: Arch Wiki - link: https://wiki.archlinux.org - categories: [wiki] + arch-linux: + name: Arch Linux + link: https://archlinux.org + categories: [development, package_registry, wiki] icon: archlinux color: blue - note: "Make sure to use the default **Light** theme." - current-maintainers: [] + current-maintainers: [*ninetailedtori, *opensourcecheemsburgers] past-maintainers: [*GenShibe] boringproxy: name: boringproxy diff --git a/styles/arch-linux/catppuccin.user.less b/styles/arch-linux/catppuccin.user.less new file mode 100644 index 0000000000..f305fdaa78 --- /dev/null +++ b/styles/arch-linux/catppuccin.user.less @@ -0,0 +1,1865 @@ +/* ==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 2025.09.06 +@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/arch-linux/catppuccin.user.less +@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== */ + +@import "https://userstyles.catppuccin.com/lib/lib.less"; +@import "http://127.0.0.1:8000/lib/mediawiki.less"; + +/// General Mixins +#mixins { + .a() { + a, + a.permalink { + &:link, + &:enabled { + color: @blue !important; + + &:hover { + color: @sky !important; + } + + &:active, &:focus, &:focus-within { + color: @sapphire !important; + } + + &:visited { + color: @lavender !important; + } + + &.active { + background-color: @surface0 !important; + } + } + } + + ul li.isactive a { + background-color: @accent !important; + color: @base !important; + } + } + + .inputs() { + button, + ::file-selector-button, + .rbox label, + .text-button, + input, + select, + select option, + textarea { + color: @text !important; + background-color: @surface0 !important; + border-color: @surface1 !important; + + &:enabled { + color: @text !important; + background-color: @surface0 !important; + border-color: @surface1 !important; + } + + &:hover { + background-color: @surface1 !important; + border-color: @surface2 !important; + } + + &:active, &:focus, &:focus-within { + background-color: fade(@accent, 30%) !important; + } + + &:checked { + background-color: @accent !important; + border-color: @overlay0 !important; + } + + &:invalid, + &:user-invalid { + color: @red !important; + } + + &:disabled { + background-color: @crust !important; + color: @mantle !important; + } + + &:link, + &:link:enabled { + color: @blue !important; + + &:hover { + color: @sky !important; + } + + &:active, &:focus, &:focus-within { + color: @sapphire !important; + } + + &:visited { + color: @lavender !important; + } + } + } + + input[type="radio"] { + background-color: @surface0 !important; + accent-color: @accent !important; + } + + .cdx-button:has(.mw-ui-icon-wikimedia-expand) { + color: @text !important; + background-color: transparent !important; + border-color: transparent !important; + + &:enabled { + color: @text !important; + background-color: transparent !important; + border-color: transparent !important; + } + + &:hover { + background-color: @surface1 !important; + } + + &:active, &:focus, &:focus-within { + background-color: @surface2 !important; + } + + &:invalid { + color: @maroon !important; + } + } + + .cdx-button .mw-ui-icon-wikimedia-expand { + fill: @accent !important; + + &:enabled { + fill: @accent !important; + } + + &:hover { + fill: darken(@accent, 5%) !important; + } + + &:active, &:focus, &:focus-within { + fill: darken(@accent, 10%) !important; + } + + &:disabled { + fill: @mantle !important; + } + } + + .multiselect { + color: @accent !important; + } + + .checklist { + color: @text !important; + background-color: @surface0 !important; + border-color: @surface1 !important; + + &:active, &:focus, &:focus-within { + border-color: @accent !important; + } + + legend { + color: @text !important; + } + } + + .rbox { + border-color: @overlay0 !important; + border-bottom-width: 2px; + border-bottom-style: solid; + + label:last-child { + border-bottom-style: none; + } + } + } + + .table() { + table { + color: @text !important; + background-color: @mantle !important; + border-color: @overlay0 !important; + + tr { + border-color: @overlay0 !important; + + &:nth-child(odd) td, + .rowodd td { + background-color: @surface0 !important; + } + + &:nth-child(even) td, + .roweven td { + background-color: @base !important; + } + + &:hover, + &:hover td { + background-color: @surface2 !important; + } + } + + td { + border-color: @overlay0 !important; + } + + th { + background-color: @mantle !important; + border-color: @overlay0 !important; + } + + &.head tr { + border-color: @overlay0 !important; + } + } + } +} + +/// Globally Shared Styles + +// Everything +// deno-fmt-ignore +@-moz-document regexp("^https:\\/\\/(?!gitlab\\.)(.+\\.)*archlinux(?:\\.de|\\.org|\\.jp|cn\\.org)(?:\\/.*)+") { + :root { + @media (prefers-color-scheme: light) { + #catppuccin(@lightFlavor); + } + + @media (prefers-color-scheme: dark) { + #catppuccin(@darkFlavor); + } + } + + #catppuccin(@flavor) { + #lib.palette(); + #lib.defaults(); + #lib.css-variables(); + + body, content { + color: @text !important; + background-color: @base !important; + } + + code, pre, .codebox { + color: @text !important; + background-color: @mantle !important; + border-color: @overlay0 !important; + } + + label, legend, .spacer { + color: @subtext0 !important; + } + + h1, h2, h3, h4, h5 { + border-color: @overlay1 !important; + } + + del, + [data-diff-action="remove"], + [data-diff-action="change-remove"] { + color: @red !important; + background-color: fade(@red, 30%) !important; + box-shadow: none !important; + } + + ins, + [data-diff-action="insert"], + [data-diff-action="change-insert"] { + color: @green !important; + background-color: fade(@green, 30%) !important; + box-shadow: none !important; + } + + img, p { + color: @text !important; + } + + #footer, .footer { + color: @subtext0 !important; + } + + .box, .path { + background-color: @mantle !important; + border-color: @overlay0 !important; + } + + #mixins.a(); + + em:has(+ .DoNotPrint) { + color: @subtext0 !important; + } + + #submenu a { + background-color: @surface0 !important; + border-color: @overlay0 !important; + + &.active { + background-color: @mantle !important; + border-bottom-color: transparent !important; + } + } + + #taskdetails { + color: @subtext0 !important; + background-color: @mantle !important; + border-color: @overlay0 !important; + + * { + border-color: @overlay1 !important; + } + + table > tbody > :is(tr, tr:hover) > td { + background-color: @base !important; + border-color: @overlay0 !important; + + #taskfields table { + > tbody > tr:nth-child(2n + 1) > :is(th, td) { + background-color: @surface0 !important; + } + > tbody > tr:nth-child(2n) > :is(th, td) { + background-color: @surface1 !important; + } + + #percent + td > img { + filter: @peach-filter !important; + + &[src="../themes/ArchLinux/percent-0.png"] { + filter: @red-filter !important; + } + + &[src="../themes/ArchLinux/percent-100.png"] { + filter: @green-filter !important; + } + } + } + } + + #taskclosed { + background-color: @base !important; + border-color: @red !important; + } + } + + #comments { + background-color: @mantle !important; + border-color: @overlay0 !important; + fieldset { + background-color: @surface0 !important; + border-color: @overlay0 !important; + } + + .comment .commenttext { + color: @text !important; + } + } + + blockquote, .quotebox { + color: @text !important; + border-color: @accent !important; + border-style: none none none solid !important; + background-color: @mantle !important; + + * { + background-color: @mantle !important; + } + + cite { + color: @accent !important; + } + + // This is necessary to fit style globally. + p { + margin-left: 10px; + } + + &:hover, + &:hover * { + background-color: @surface1 !important; + } + } + + #mixins.table(); + + table.diff { + tr.diff-title { + background-color: @mantle !important; + + td { + background-color: @surface0 !important; + + &.diff-side-deleted { + #mw-diff-otitle1, #mw-diff-ntitle1 { + background-color: fade(@red, 30%) !important; + box-shadow: none !important; + + strong, strong a { + color: @red !important; + } + } + } + + &.diff-side-added { + #mw-diff-otitle1, #mw-diff-ntitle1 { + background-color: fade(@green, 30%) !important; + box-shadow: none !important; + + strong, strong a { + color: @green !important; + } + } + } + } + } + + tr { + td.diff-addedline { + border-color: @green !important; + + .diffchange { + color: @green !important; + background-color: fade(@green, 30%) !important; + box-shadow: none !important; + } + } + + .diff-deletedline { + border-color: @red !important; + + .diffchange { + color: @red !important; + background-color: fade(@red, 30%) !important; + box-shadow: none !important; + } + } + } + } + + .ve-ui-diffElement-no-changes, + .ve-ui-diffElement-attributeChange { + color: @subtext0 !important; + } + + dl { + background-color: inherit !important; + border-color: @overlay0 !important; + + dt { + color: @text !important; + } + + * { + border-color: @overlay0 !important; + } + + dd { + color: inherit !important; + + &:nth-child(2n) { + background-color: @surface0 !important; + } + + &:nth-child(4n) { + background-color: @base !important; + } + + &:hover { + background-color: @surface2 !important; + } + } + } + + #mixins.inputs(); + + .comments-header, + #news { + h3 { + color: @base !important; + background-color: transparent !important; + border-color: @overlay1 !important; + + a { + color: @base !important; + background-color: @accent !important; + border-color: @overlay1 !important; + + &:link, &:enabled { + color: @base !important; + background-color: @accent !important; + border-color: @overlay1 !important; + + &:hover { + color: darken(@base, 5%) !important; + } + + &:active, &:focus, &:focus-within { + color: darken(@base, 10%) !important; + } + + &:visited { + color: @lavender !important; + } + } + } + + span.text { + color: @base !important; + background-color: @accent !important; + border-color: @overlay1 !important; + } + + span.arrow { + color: transparent !important; + background-color: transparent !important; + border-color: @accent transparent transparent transparent !important; + } + } + + h4 { + color: @accent !important; + + a { + color: @accent !important; + + &:link, &:enabled { + color: @accent !important; + + &:hover { + color: darken(@accent, 5%) !important; + } + + &:active, + &:focus, &:focus-within { + color: darken(@accent, 10%) !important; + } + + &:visited { + color: @lavender !important; + } + } + } + } + } + + a.rss-icon, a.rss-icon img { + filter: @peach-filter !important; + + &:link, &:enabled { + filter: @peach-filter !important; + } + } + + @supports ((-webkit-mask-image:none) or (mask-image:none)) + { + .mw-protection-indicator-icon--lock { + background-color: @text !important; + + &:hover { + background-color: @accent !important; + } + + &:active, &:focus, &:focus-within { + background-color: darken(@accent, 5%) !important; + } + + &:disabled { + background-color: @mantle !important; + } + } + } + + @supports not ((-webkit-mask-image:none) or (mask-image:none)) + { + .mw-protection-indicator-icon--lock { + filter: @text-filter !important; + + &:hover { + filter: @accent-filter !important; + } + + &:active, &:focus, &:focus-within { + filter: @accent-filter !important; + } + + &:disabled { + filter: @mantle-filter !important; + } + } + } + + // Dividers + hr { + color: @overlay1 !important; + } + + // Unknown + .purple { + color: @mauve !important; + } + + // Low + .green { + color: @green !important; + } + + // Medium + .light_orange { + color: @yellow !important; + } + + // High + .orange { + color: @peach !important; + } + + // Vulnerable + .red { + color: @red !important; + } + + .timestamp { + color: @lavender !important; + } + + // Error/Error List/Flagged (Out-Of-Date) + .error, + .errorlist, + .flagged, + .flagged a { + color: @red !important; + } + + #archnavbar { + background-color: @mantle !important; + border-bottom-color: @accent !important; + + #logo, &logo { + @svg: escape( + '' + ); + background-image: url("data:image/svg+xml, @{svg}") !important; + // Required for AUR, which uses custom PNG which breaks this setting. + background-size: 190px 40px !important; + } + + ul#archnavbarlist li { + a, a:link { + color: @text !important; + + &:hover { + color: @sky !important; + } + + &:active, &:focus, &:focus-within { + color: @sapphire !important; + } + + &:visited { + color: @lavender !important; + } + } + + &.anb-selected a { + color: @accent !important; + } + } + + &.anb-home ul li#anb-home a { + color: @accent !important; + } + } + + #archdev-navbar ul li { + a, a:link { + color: @text !important; + + &:hover { + color: @sky !important; + } + + &:active, &:focus, &:focus-within { + color: @sapphire !important; + } + + &:visited { + color: @lavender !important; + } + } + } + } +} + +// Home, and Both Package Repositories +@-moz-document url("https://archlinux.org/"), + url-prefix("https://archlinux.org/packages"), + domain("aur.archlinux.org") { + :root { + @media (prefers-color-scheme: light) { + #catppuccin(@lightFlavor); + } + + @media (prefers-color-scheme: dark) { + #catppuccin(@darkFlavor); + } + } + + #catppuccin(@flavor) { + #lib.palette(); + #lib.defaults(); + #lib.css-variables(); + + #pkgdetails { + h2 { + border-color: @overlay1 !important; + } + + #pkginfo, + #pkginfo * { + background-color: @mantle !important; + border-color: @overlay0 !important; + } + + #detailslinks > div { + background-color: @surface0 !important; + border-color: @overlay0 !important; + } + + #metadata { + h3 { + color: @text !important; + background-color: @surface0 !important; + } + + #pkgfilelist { + ul > li { + &.d { + color: @subtext0 !important; + } + + &.f { + color: @text !important; + } + } + } + } + } + + .delete-comment, + .undelete-comment, + .edit-comment, + .pin-comment { + background-color: inherit !important; + filter: @text-filter !important; + + &:hover { + background-color: inherit !important; + filter: @accent-filter !important; + } + } + + .comment-header, .comment-header .edited { + color: @subtext0 !important; + } + + .widget:is( + #intro, + #pkg-updates + ) { + background-color: @mantle !important; + border-width: 1px !important; + border-style: solid !important; + border-color: @overlay0 !important; + } + + #pkgsearch.widget { + background-color: @accent !important; + border-color: @overlay0 !important; + + label { + color: @base !important; + } + + .pkgsearch-typeahead { + color: @text !important; + background-color: @surface0 !important; + border-color: @surface1 !important; + } + } + + // Big syntax highlighting block! Powered by cgit and highlight.js. + #cgit { + code, + pre { + background-color: @mantle !important; + border-color: @overlay0 !important; + } + + .content { + border-color: @overlay0 !important; + } + + .path { + color: @text !important; + background-color: @mantle !important; + } + + #mixins.table(); + + table { + &.blob { + background-color: @mantle !important; + border-color: @overlay0 !important; + + tr, + tr td { + background-color: @mantle !important; + border-color: @overlay0 !important; + + &:hover { + background-color: @mantle !important; + } + } + + td.linenumbers, + td.linenumbers a { + color: @overlay1 !important; + } + } + + &#header { + tr, + tr td { + background-color: @base !important; + border-color: @overlay0 !important; + + &:hover { + background-color: @base !important; + } + + &.sub { + color: @subtext0 !important; + } + } + } + + &.tabs { + border-color: @blue !important; + + tr td { + background-color: @surface0 !important; + + &:hover { + background: @surface0 !important; + } + } + + .active { + color: @base !important; + background-color: @blue !important; + } + } + + &.hgraph, + &.vgraph { + background-color: @mantle !important; + } + + &.diff { + background-color: @mantle !important; + + &:hover { + background-color: @mantle !important; + } + + tr, + tr td { + background-color: @mantle !important; + + &:hover { + background-color: @mantle !important; + } + } + + tr td { + a { + text-decoration: underline !important; + } + + .ctx { + color: @text !important; + } + + .head { + color: @blue !important; + } + + .hunk { + color: @peach !important; + } + + .add { + color: @green !important; + } + + .del { + color: @red !important; + } + } + } + + &.ssdiff { + a { + text-decoration: underline !important; + } + + .space { + background-color: @base !important; + } + + .lineno { + color: @overlay1 !important; + } + + .ctx { + color: @text !important; + } + + .head { + color: @blue !important; + } + + .hunk { + color: @peach !important; + } + + .changed { + background-color: fade(@blue, 30%) !important; + color: @blue !important; + } + + .add { + background-color: fade(@green, 30%) !important; + color: @green !important; + } + + .del { + background-color: fade(@red, 30%) !important; + color: @red !important; + } + } + + &.diffstat { + background-color: @mantle !important; + + td { + &.mode { + color: @red !important; + } + + &.right { + color: @peach !important; + } + + &.upd { + color: @teal !important; + } + } + + td.graph td { + &.add { + background-color: fade(@green, 30%) !important; + } + + &.upd { + background-color: fade(@blue, 30%) !important; + } + + &.rem { + background-color: fade(@red, 30%) !important; + } + } + } + } + + .cgit-panel table { + background-color: @mantle !important; + } + + .edited { + color: @subtext0 !important; + } + + .stats tr td.sum { + color: @red !important; + } + + .age-mins, + .age-hours, + .age-days, + .age-weeks, + .age-months, + .age-years { + color: @green !important; + } + + code { + color: @text !important; + + /***************************************************************** + These definitions come from highlight: http://www.andre-simon.de + - std: standard / no recognition + - str: string + - num: number + - slc: single line comment + - com: multiline comment + - esc: escape character + - ppc: preprocessor + - pps: preprocessor string + - opt: operator + - ipl: interpolation + - ws: whitespace + - kwX: keyword group X (X: a..z) + *****************************************************************/ + + // Numerics + .num { + color: @peach !important; + } + + // Escape Codes + .esc { + color: @pink !important; + } + + // Strings + .sng { + color: @green !important; + } + + // Pre-Processor Strings + .pps { + color: @maroon !important; + } + + // All Other Pre-Processor + .ppc { + color: @teal !important; + } + + // Single-Line Comments + .slc { + color: @overlay2 !important; + } + + // All Other Comments + .com { + color: @overlay2 !important; + } + + // Operators + .opt { + color: @sky !important; + } + + // String Interpolation + .ipl { + color: @blue !important; + } + + // Line Numbers + .lin { + color: @overlay1 !important; + } + + // Keyword Group a - Keys? + .kwa { + color: @text !important; + } + + // Keyword Group b - Parameters? + .kwb { + color: @blue !important; + } + + // Keyword Group c - Commands + .kwc { + color: @mauve !important; + } + + // Keyword Group d - Symbols + .kwd { + color: @maroon !important; + } + } + + .notes { + color: @subtext0 !important; + background-color: @surface0 !important; + } + } + } +} + +/// Arch Official Repository +@-moz-document url-prefix("https://archlinux.org/packages") { + :root { + @media (prefers-color-scheme: light) { + #catppuccin(@lightFlavor); + } + + @media (prefers-color-scheme: dark) { + #catppuccin(@darkFlavor); + } + } + + #catppuccin(@flavor) { + #lib.palette(); + #lib.defaults(); + #lib.css-variables(); + + #archnavbar ul#archnavbarlist li#anb-packages a { + color: @accent !important; + } + } +} + +/// Arch User Repository +@-moz-document domain("aur.archlinux.org") { + :root { + @media (prefers-color-scheme: light) { + #catppuccin(@lightFlavor); + } + + @media (prefers-color-scheme: dark) { + #catppuccin(@darkFlavor); + } + } + + #catppuccin(@flavor) { + #lib.palette(); + #lib.defaults(); + #lib.css-variables(); + + #archnavbar ul#archnavbarlist li#anb-aur a { + color: @accent !important; + } + } +} + +// AUR: Dashboard +@-moz-document url("https://aur.archlinux.org/") { + :root { + @media (prefers-color-scheme: light) { + #catppuccin(@lightFlavor); + } + + @media (prefers-color-scheme: dark) { + #catppuccin(@darkFlavor); + } + } + + #catppuccin(@flavor) { + #lib.palette(); + #lib.defaults(); + #lib.css-variables(); + + #archdev-navbar ul li { + a[href="/"] { + color: @accent !important; + } + } + } +} + +// AUR: Login +@-moz-document url-prefix("https://aur.archlinux.org/login") { + :root { + @media (prefers-color-scheme: light) { + #catppuccin(@lightFlavor); + } + + @media (prefers-color-scheme: dark) { + #catppuccin(@darkFlavor); + } + } + + #catppuccin(@flavor) { + #lib.palette(); + #lib.defaults(); + #lib.css-variables(); + + #archdev-navbar ul li { + a[href="/login?next=/"] { + color: @accent !important; + } + } + } +} + +// AUR: Packages +@-moz-document url-prefix("https://aur.archlinux.org/packages") { + :root { + @media (prefers-color-scheme: light) { + #catppuccin(@lightFlavor); + } + + @media (prefers-color-scheme: dark) { + #catppuccin(@darkFlavor); + } + } + + #catppuccin(@flavor) { + #lib.palette(); + #lib.defaults(); + #lib.css-variables(); + + #archdev-navbar ul li { + a[href="/packages"] { + color: @accent !important; + } + } + } +} + +// AUR: Register +@-moz-document url-prefix("https://aur.archlinux.org/register") { + :root { + @media (prefers-color-scheme: light) { + #catppuccin(@lightFlavor); + } + + @media (prefers-color-scheme: dark) { + #catppuccin(@darkFlavor); + } + } + + #catppuccin(@flavor) { + #lib.palette(); + #lib.defaults(); + #lib.css-variables(); + + #archdev-navbar ul li { + a[href="/register"] { + color: @accent !important; + } + } + } +} + +// AUR: Requests +@-moz-document url-prefix("https://aur.archlinux.org/requests") { + :root { + @media (prefers-color-scheme: light) { + #catppuccin(@lightFlavor); + } + + @media (prefers-color-scheme: dark) { + #catppuccin(@darkFlavor); + } + } + + #catppuccin(@flavor) { + #lib.palette(); + #lib.defaults(); + #lib.css-variables(); + + #archdev-navbar ul li { + a[href="/requests"] { + color: @accent !important; + } + } + } +} + +// AUR: My Account +// deno-fmt-ignore +@-moz-document regexp("https:\\/\\/aur\\.archlinux\\.org\\/accounts\\/.*\\/edit(?:\\/.*)?") { + :root { + @media (prefers-color-scheme: light) { + #catppuccin(@lightFlavor); + } + + @media (prefers-color-scheme: dark) { + #catppuccin(@darkFlavor); + } + } + + #catppuccin(@flavor) { + #lib.palette(); + #lib.defaults(); + #lib.css-variables(); + + #archdev-navbar ul li { + a[href="/packages"] { + color: @accent !important; + } + } + } +} + +/// Arch Security +@-moz-document url-prefix("https://security.archlinux.org/") { + :root { + @media (prefers-color-scheme: light) { + #catppuccin(@lightFlavor); + } + + @media (prefers-color-scheme: dark) { + #catppuccin(@darkFlavor); + } + } + + #catppuccin(@flavor) { + #lib.palette(); + #lib.defaults(); + #lib.css-variables(); + + #archnavbar ul li#anb-security a { + color: @accent !important; + } + + .navbar ul li { + a[href="/"], b { + color: @accent !important; + } + } + } +} + +/// Arch BBS Forums +@-moz-document domain("bbs.archlinux.org") { + :root { + @media (prefers-color-scheme: light) { + #catppuccin(@lightFlavor); + } + + @media (prefers-color-scheme: dark) { + #catppuccin(@darkFlavor); + } + } + + #catppuccin(@flavor) { + #lib.palette(); + #lib.defaults(); + #lib.css-variables(); + + .pun .postmsg, + #punhelp code, + #punhelp samp { + color: @text !important; + } + + .pun { + color: @text !important; + background-color: @mantle !important; + border-color: @overlay0 !important; + + body, + content { + color: @text !important; + background-color: @base !important; + } + + code, + pre, + .codebox { + background-color: @mantle !important; + border-color: @overlay0 !important; + } + + code { + color: @text !important; + } + + label, + legend, + .spacer { + color: @subtext0 !important; + } + + img { + color: @text !important; + } + + ins { + color: @base !important; + background-color: @yellow !important; + } + + .box { + background-color: @mantle !important; + border-color: @overlay0 !important; + } + + .punwrap { + background-color: @base !important; + border-color: @overlay0 !important; + } + + #mixins.a(); + #mixins.inputs(); + + h2 { + color: @text !important; + background-color: inherit !important; + } + + #quickpost { + .inform fieldset legend { + color: @mantle !important; + } + } + + .infldset { + background-color: @base !important; + border-color: @overlay0 !important; + } + + .timestamp { + color: @lavender !important; + } + + // Thread Tags: Sticky + #vf td.tcl span.stickytext { + color: @yellow !important; + } + + // Thread Tags: Closed + #vf td.tcl span.closedtext { + color: @maroon !important; + } + + // Forum Navigation Header + .crumbs li * { + color: @mauve !important; + } + + // Thread Square + .icon { + filter: @accent-filter !important; + } + + .pagelink.conl { + color: @subtext0 !important; + + a, + .spacer { + border-color: transparent !important; + + strong { + color: @accent !important; + } + } + } + + fieldset p { + color: @subtext0 !important; + } + + .usercontent { + color: @text !important; + } + + #brdmenu { + background-color: @base !important; + border-color: transparent !important; + + ul li a { + background-color: @base !important; + border-color: transparent !important; + } + + #mixins.a(); + } + + #brdfooternav { + background-color: @base !important; + } + + #brdstats { + color: @text !important; + border-top-color: @overlay1 !important; + + dl, + dl dt, + dl dd { + color: @text !important; + background-color: @base !important; + } + + .box { + background-color: @base !important; + } + } + + #brdwelcome { + color: @subtext0 !important; + background-color: @base !important; + + strong { + color: @text !important; + } + } + + #brdmain { + border-color: @overlay1 !important; + + #mixins.a(); + + ul li { + border-color: @overlay1 !important; + + a, + a.permalink { + &:link, + &:enabled { + color: @blue !important; + background-color: @surface0 !important; + + &:hover { + color: @sky !important; + background-color: @surface1 !important; + } + + &:active, &:focus, &:focus-within { + color: @base !important; + background-color: @accent !important; + } + + &:visited { + color: @lavender !important; + } + + &.active { + color: @base !important; + background-color: @accent !important; + } + } + } + + &.isactive a, + &.isactive a.permalink { + background-color: @accent !important; + color: @base !important; + + &:link, + &:enabled, + &.active { + color: @base !important; + background-color: @accent !important; + + &:hover { + background-color: darken(@accent, 5%) !important; + } + + &:active, &:focus, &:focus-within { + background-color: darken(@accent, 10%) !important; + } + } + } + } + + .postlink.conr { + color: @lavender !important; + } + + .postmsg { + color: @text !important; + } + + .blocktable { + th { + color: @text !important; + background-color: @mantle !important; + } + } + + fieldset p { + color: @subtext0 !important; + } + + #users1 h2 { + color: @text !important; + background-color: @base !important; + border-color: @overlay1 !important; + } + + .pagelink { + * { + border-color: @overlay0 !important; + } + + .pages-label { + color: @subtext0 !important; + } + + .spacer { + color: @subtext0 !important; + } + + strong { + color: @accent !important; + } + } + + .blockpost { + color: @text !important; + background-color: @base !important; + border-color: @overlay0 !important; + + dl, + dl dt, + dl dd { + color: @text !important; + background-color: @base !important; + } + + .box { + background-color: @base !important; + } + + h2, + .postleft dt, + h2 .conr { + color: @subtext0 !important; + background-color: @mantle !important; + border-color: @overlay1 !important; + + #mixins.a(); + + a { + background-color: @mantle !important; + } + } + + .postedit, + .postleft dd :not(strong) { + color: @subtext0 !important; + } + + .postbody, + .postfoot.clearb { + background-color: @base !important; + border-color: transparent !important; + + .postfootleft, + .postfootright { + color: @lavender !important; + border-top-color: @overlay0 !important; + } + } + + .postsignature hr { + background-color: @overlay1 !important; + } + } + + blockquote, + .quotebox { + color: @text !important; + border-color: @accent !important; + border-style: none none none solid !important; + background-color: @mantle !important; + + * { + background-color: @mantle !important; + } + + cite { + color: @accent !important; + } + + // This is necessary to fit style globally. + p { + margin-left: 10px; + } + + &:hover, + &:hover * { + background-color: @surface1 !important; + } + } + + // BBCode - styled according to "escpape sequences", as that is roughly what it is. + .bbu { + color: @pink !important; + } + + .blockform { + color: @text !important; + border-color: @overlay1 !important; + } + } + } + } +} + +/// Arch Wiki +// deno-fmt-ignore +@-moz-document regexp("^https:\\/\\/wiki\\.archlinux(?:\\.de|\\.org|\\.jp|cn\\.org)(?:\\/.*)+") { + :root.skin-theme-clientpref-os, + .vector-feature-night-mode-enabled, + .skin-invert, + .notheme { + @media (prefers-color-scheme: light) { + #catppuccin(@lightFlavor); + } + @media (prefers-color-scheme: dark) { + #catppuccin(@darkFlavor); + } + } + + :root.skin-theme-clientpref-night { + #catppuccin(@darkFlavor); + } + + :root.skin-theme-clientpref-day { + #catppuccin(@lightFlavor); + } + + #__mediawiki.reset(); + + #catppuccin(@flavor) { + #lib.palette(); + #lib.defaults(); + #lib.css-variables(); + + #__mediawiki.base(); + + dl dd:nth-child(n) { + background-color: @base !important; + + &:hover { + background-color: @base !important; + } + } + + h1, h2, h3, h4, h5 { + &::before { + color: @peach !important; + } + } + + /// Arch-Wiki Specific Variables + + // Defaults + --archwiki-background-color-base: @crust !important; + --archwiki-body-background-color: @mantle !important; + --archwiki-text-color: @text !important; + --archwiki-content-background-color: @base !important; + --archwiki-content-border-color: @overlay0 !important; + --archwiki-code-background-color: @mantle !important; + --archwiki-code-border-color: @surface2 !important; + --archwiki-link-color-normal: @blue !important; + --archwiki-link-color-hover: @sky !important; + --archwiki-link-color-active: @sapphire !important; + --archwiki-link-color-visited: @lavender !important; + --archwiki-link-color-new: @maroon !important; + + // Table of Contents - These do not work on V2022. + /* + * --archwiki-toc-background-color: inherit !important; + * --archwiki-toc-border-color: var(--archwiki-toc-background-color) !important; + */ + + // Template Boxes (used for notes, warnings, tips and highlighted messages.) + --archwiki-template-note-background-color: @surface0 !important; + --archwiki-template-note-border-color: @peach !important; + --archwiki-template-warning-background-color: @surface0 !important; + --archwiki-template-warning-border-color: @red !important; + --archwiki-template-tip-background-color: @surface0 !important; + --archwiki-template-tip-border-color: @teal !important; + + // Navigation Bar (bottom of page, links to other articles within the group) + --archwiki-template-navigation-background-color: @mantle !important; + --archwiki-template-navigation-border-color: @overlay0 !important; + + // Editor-Specific Meta-related Notes + --archwiki-template-highlight-background-color: @surface0 !important; + --archwiki-template-highlight-border-color: @yellow !important; + + // All Other Meta-related Messages + --archwiki-template-message-background-color: @surface0 !important; + --archwiki-template-message-border-color: @blue !important; + + // Progress Bar + --archwiki-template-progressbar-background-color: @mantle !important; + --archwiki-template-progressbar-border-color: @surface0 !important; + --archwiki-template-progressbar-inner-background-color: @accent !important; + + .archwiki-template-progressbar { + color: @base !important; + border-width: 1px; + } + + // Tables + --archwiki-table-cell-background-red: fade(@red, 30%) !important; + --archwiki-table-cell-background-orange: fade(@peach, 30%) !important; + --archwiki-table-cell-background-yellow: fade(@yellow, 30%) !important; + --archwiki-table-cell-background-green: fade(@green, 30%) !important; + --archwiki-table-cell-background-blue: fade(@blue, 30%) !important; + --archwiki-table-cell-background-violet: fade(@mauve, 30%) !important; + --archwiki-table-cell-background-grey: fade(@surface2, 30%) !important; + + // Related Articles + .archwiki-template-meta-related-articles { + background-color: @surface0 !important; + + > p { + background-color: @mantle !important; + border-bottom-color: @blue !important; + color: @text !important; + } + } + } +} + +/// Arch Manpages +@-moz-document url-prefix("https://man.archlinux.org") { + :root { + @media (prefers-color-scheme: light) { + #catppuccin(@lightFlavor); + } + + @media (prefers-color-scheme: dark) { + #catppuccin(@darkFlavor); + } + } + + #catppuccin(@flavor) { + #lib.palette(); + #lib.defaults(); + #lib.css-variables(); + + .manual-text { + table { + background-color: @mantle !important; + + tr, tr:hover, :is(tr, tr:hover) td, :is(tr, tr:hover) td code { + background-color: @mantle !important; + } + } + + dl { + dd:nth-child(n), dd:nth-child(n):hover { + background-color: inherit !important; + } + } + } + } +} diff --git a/styles/arch-wiki/README.md b/styles/arch-wiki/README.md deleted file mode 100644 index 5185ea80b1..0000000000 --- a/styles/arch-wiki/README.md +++ /dev/null @@ -1,39 +0,0 @@ - - - -

- Logo
- - Catppuccin for Arch Wiki - -

- -

- - -

- -## Usage - -See [the userstyle usage instructions](https://userstyles.catppuccin.com/getting-started/usage/). - -> [!NOTE] -> Make sure to use the default **Light** theme. - -## ❤️‍🩹 Unmaintained -This userstyle currently lacks maintainers, and may not work correctly. Please feel free to contribute for any issues you find! - -## 💖 Past Maintainer -- [GenShibe](https://github.com/GenShibe) - -  - -

- -

- -

- Copyright © 2021-present Catppuccin Org -

- - diff --git a/styles/arch-wiki/catppuccin.user.less b/styles/arch-wiki/catppuccin.user.less deleted file mode 100644 index a0fbdb5a96..0000000000 --- a/styles/arch-wiki/catppuccin.user.less +++ /dev/null @@ -1,495 +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 2025.09.06 -@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== */ - -@import "https://userstyles.catppuccin.com/lib/lib.less"; - -@-moz-document domain("wiki.archlinux.org") { - :root.skin-theme-clientpref-os, - .vector-feature-night-mode-enabled, - .skin-invert, - .notheme { - @media (prefers-color-scheme: light) { - #catppuccin(@lightFlavor); - } - @media (prefers-color-scheme: dark) { - #catppuccin(@darkFlavor); - } - } - - :root.skin-theme-clientpref-night { - #catppuccin(@darkFlavor); - } - - :root.skin-theme-clientpref-day { - #catppuccin(@lightFlavor); - } - - #catppuccin(@flavor) { - #lib.palette(); - #lib.defaults(); - - #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; - } - } -}