From ecb5a6d537353950c46db68ed60fca18de448ed7 Mon Sep 17 00:00:00 2001 From: Muslim <42213155+GitMuslim@users.noreply.github.com> Date: Thu, 8 Feb 2024 13:01:35 +0300 Subject: [PATCH] feat(wikipedia): init (#446) * feat(wikipedia): init * Update catppuccin.user.css * Update catppuccin.user.css * Update catppuccin.user.css * Update catppuccin.user.css * Update catppuccin.user.css * Update catppuccin.user.css * Update catppuccin.user.css * Update styles/wikipedia/catppuccin.user.css Co-authored-by: uncenter <47499684+uncenter@users.noreply.github.com> * Update styles/wikipedia/catppuccin.user.css Co-authored-by: uncenter <47499684+uncenter@users.noreply.github.com> * Update styles/wikipedia/catppuccin.user.css Co-authored-by: uncenter <47499684+uncenter@users.noreply.github.com> * Update styles/wikipedia/catppuccin.user.css Co-authored-by: uncenter <47499684+uncenter@users.noreply.github.com> * Update styles/wikipedia/catppuccin.user.css Co-authored-by: uncenter <47499684+uncenter@users.noreply.github.com> * Update styles/wikipedia/catppuccin.user.css Co-authored-by: uncenter <47499684+uncenter@users.noreply.github.com> * Update styles/wikipedia/catppuccin.user.css Co-authored-by: uncenter <47499684+uncenter@users.noreply.github.com> * Update catppuccin.user.css * Update catppuccin.user.css --------- Co-authored-by: uncenter <47499684+uncenter@users.noreply.github.com> --- scripts/userstyles.yml | 8 + styles/wikipedia/assets/catwalk.webp | 3 + styles/wikipedia/assets/frappe.webp | 3 + styles/wikipedia/assets/latte.webp | 3 + styles/wikipedia/assets/macchiato.webp | 3 + styles/wikipedia/assets/mocha.webp | 3 + styles/wikipedia/catppuccin.user.css | 781 +++++++++++++++++++++++++ 7 files changed, 804 insertions(+) create mode 100644 styles/wikipedia/assets/catwalk.webp create mode 100644 styles/wikipedia/assets/frappe.webp create mode 100644 styles/wikipedia/assets/latte.webp create mode 100644 styles/wikipedia/assets/macchiato.webp create mode 100644 styles/wikipedia/assets/mocha.webp create mode 100644 styles/wikipedia/catppuccin.user.css diff --git a/scripts/userstyles.yml b/scripts/userstyles.yml index 6704fc72bd..28bcfac08f 100644 --- a/scripts/userstyles.yml +++ b/scripts/userstyles.yml @@ -632,6 +632,14 @@ userstyles: readme: app-link: "https://web.whatsapp.com" current-maintainers: [*francorav] + wikipedia: + name: Wikipedia + category: search_engine + icon: wikipedia + color: text + readme: + app-link: "https://www.wikipedia.org" + current-maintainers: [*gitmuslim] wikiwand: name: Wikiwand category: productivity diff --git a/styles/wikipedia/assets/catwalk.webp b/styles/wikipedia/assets/catwalk.webp new file mode 100644 index 0000000000..05cdf89dc7 --- /dev/null +++ b/styles/wikipedia/assets/catwalk.webp @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:502f72844f21208ca004414747a9e1ea0330d936937ca2b493d08168bd449d87 +size 486506 diff --git a/styles/wikipedia/assets/frappe.webp b/styles/wikipedia/assets/frappe.webp new file mode 100644 index 0000000000..def2352785 --- /dev/null +++ b/styles/wikipedia/assets/frappe.webp @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:5467c00b9653278f5c99ec19a97c5aa47aae587be29a4b2a960aac984db28e6c +size 479048 diff --git a/styles/wikipedia/assets/latte.webp b/styles/wikipedia/assets/latte.webp new file mode 100644 index 0000000000..ddf684717e --- /dev/null +++ b/styles/wikipedia/assets/latte.webp @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:380fedfb60878647909866a4b3ded382c0da0a0245b22e2328811be1eab39135 +size 466384 diff --git a/styles/wikipedia/assets/macchiato.webp b/styles/wikipedia/assets/macchiato.webp new file mode 100644 index 0000000000..6e14130e57 --- /dev/null +++ b/styles/wikipedia/assets/macchiato.webp @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:1852b57185fd317de188589157bc69a4636375be0ab56675d4949da8c8a7a8a7 +size 485328 diff --git a/styles/wikipedia/assets/mocha.webp b/styles/wikipedia/assets/mocha.webp new file mode 100644 index 0000000000..20860ca50b --- /dev/null +++ b/styles/wikipedia/assets/mocha.webp @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:a1c8a302eb5f374dea1dbfd48d2b760892b7db13143fc4f91d1860c3f0bdb040 +size 482764 diff --git a/styles/wikipedia/catppuccin.user.css b/styles/wikipedia/catppuccin.user.css new file mode 100644 index 0000000000..efb70ee2af --- /dev/null +++ b/styles/wikipedia/catppuccin.user.css @@ -0,0 +1,781 @@ +/* ==UserStyle== +@name Wikipedia Catppuccin +@namespace github.com/catppuccin/userstyles/styles/wikipedia +@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/wikipedia +@version 0.0.1 +@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/wikipedia/catppuccin.user.css +@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Awikipedia +@description Soothing pastel theme for Wikipedia +@author Catppuccin +@license MIT + +@preprocessor less +@var select lightFlavour "Light Flavour" ["latte:Latte*", "frappe:Frappé", "macchiato:Macchiato", "mocha:Mocha"] +@var select darkFlavour "Dark Flavour" ["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('wikipedia.org') { + /* prettier-ignore */ + @catppuccin: { + @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; }; + @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; }; + @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; }; + @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; }; + } + + #catppuccin(@lookup, @accent) { + @rosewater: @catppuccin[@@lookup][@rosewater]; + @flamingo: @catppuccin[@@lookup][@flamingo]; + @pink: @catppuccin[@@lookup][@pink]; + @mauve: @catppuccin[@@lookup][@mauve]; + @red: @catppuccin[@@lookup][@red]; + @maroon: @catppuccin[@@lookup][@maroon]; + @peach: @catppuccin[@@lookup][@peach]; + @yellow: @catppuccin[@@lookup][@yellow]; + @green: @catppuccin[@@lookup][@green]; + @teal: @catppuccin[@@lookup][@teal]; + @sky: @catppuccin[@@lookup][@sky]; + @sapphire: @catppuccin[@@lookup][@sapphire]; + @blue: @catppuccin[@@lookup][@blue]; + @lavender: @catppuccin[@@lookup][@lavender]; + @text: @catppuccin[@@lookup][@text]; + @subtext1: @catppuccin[@@lookup][@subtext1]; + @subtext0: @catppuccin[@@lookup][@subtext0]; + @overlay2: @catppuccin[@@lookup][@overlay2]; + @overlay1: @catppuccin[@@lookup][@overlay1]; + @overlay0: @catppuccin[@@lookup][@overlay0]; + @surface2: @catppuccin[@@lookup][@surface2]; + @surface1: @catppuccin[@@lookup][@surface1]; + @surface0: @catppuccin[@@lookup][@surface0]; + @base: @catppuccin[@@lookup][@base]; + @mantle: @catppuccin[@@lookup][@mantle]; + @crust: @catppuccin[@@lookup][@crust]; + @color: @catppuccin[@@lookup][@@accent]; + + html, body, .vector-feature-zebra-design-enabled .vector-header-container .mw-header, .vector-feature-zebra-design-enabled .mw-page-container, .vector-feature-zebra-design-enabled .vector-pinned-container, .vector-feature-zebra-design-enabled .vector-dropdown .vector-dropdown-content, .uls-lcd, .uls-search, .uls-filtersuggestion, #uls-settings-block.uls-settings-block--vector-2022.uls-settings-block--with-add-languages, .app-badges .footer-sidebar-content, .pure-form input[type="search"], .suggestions-dropdown, .cdx-menu, .vector-header-container .mw-header, .mw-page-container, .vector-pinned-container, .vector-header-container .vector-sticky-header, .mw-mmv-image, .mw-body { + background-color: @base; + } + + body, .mw-heading, h1, h2, h3, h4, h5, h6, .vector-feature-zebra-design-enabled body, .vector-feature-zebra-design-enabled .vector-toc .vector-toc-list-item-active > .vector-toc-link, .vector-feature-zebra-design-enabled .vector-toc .vector-toc-level-1-active:not(.vector-toc-list-item-expanded) > .vector-toc-link, .vector-feature-zebra-design-enabled .vector-toc .vector-toc-list-item-active.vector-toc-level-1-active > .vector-toc-link, .vector-menu-tabs .mw-list-item.selected a, .vector-menu-tabs .mw-list-item.selected a:visited, .cdx-button:enabled, .cdx-button.cdx-button--fake-button--enabled, .mw-footer li, .vector-feature-zebra-design-enabled .vector-toc .vector-toc-level-1-active:not(.vector-toc-list-item-active) > .vector-toc-link, .central-featured-lang small, .footer-sidebar-text, .other-project-tagline, .site-license, .search-container .js-langpicker-label, .langlist > ul > li, .suggestion-title, .cdx-menu-item--enabled .cdx-menu-item__content, .mwe-popups .mwe-popups-extract, .mw-body-content .mw-number-text h3, .vector-pinnable-element .vector-menu-heading, .vector-toc .vector-toc-list-item-active > .vector-toc-link, .vector-toc .vector-toc-level-1-active:not(.vector-toc-list-item-expanded) > .vector-toc-link, .vector-toc .vector-toc-list-item-active.vector-toc-level-1-active > .vector-toc-link, .uls-empty-state .uls-empty-state__header, .uls-empty-state .uls-empty-state__desc, .uls-no-results-found-title, .mw-mmv-post-image, .mw-mmv-credit, #contentSub:not(:empty) { + color: @text; + } + + .mw-content-ltr > div:nth-child(2), .mw-parser-output .fmbox { + border-color: @surface2 !important; + background-color: @base !important; + } + + + .cdx-thumbnail__image { + border-color: @text; + } + + .mwe-popups .mwe-popups-extract[dir="ltr"]::after { + background-image: linear-gradient(to right,rgba(255,255,255,0),@surface0 50%); + } + + .cdx-button:enabled, .cdx-text-input__input:enabled { + color: @text; + background-color: @base; + border-color: @surface2; + &:hover { + background-color: @mantle; + border-color: @text; + color: @text; + } + } + + .vector-dropdown .vector-dropdown-content, .header-container.header-chrome { + background-color: @mantle; + } + + .skin-vector .uls-search { + border-bottom-color: @surface2; + } + + .vector-feature-zebra-design-enabled .vector-pinnable-element .vector-menu-heading { + color: @text; + border-bottom-color: @surface0; + } + + .mwe-popups .mwe-popups-container { + background-color: @surface0; + } + + .vector-pinnable-header-toggle-button { + background-color: @surface0; + color: @text; + &:hover { + background-color: @base; + } + } + + .mw-parser-output .navbox-list { + border-color: @surface0; + } + + .pure-button-primary-progressive, .pure-button-primary-progressive:hover { + background-color: @color; + border-color: @color; + } + + .suggestion-link { + border-bottom-color: @surface0; + } + + .cdx-menu, .skin-vector .uls-menu, .suggestiodns-dropdown, .cdx-search-input--has-end-button, .vector-sticky-header, .vector-sticky-header-context-bar, .mw-heading2 { + border-color: @surface2; + } + + .suggestion-link.active { + background-color: fade(@color, 20%); + .suggestion-title { + color: @color; + } + } + + .cdx-menu-item--enabled.cdx-menu-item--highlighted { + background-color: fade(@color, 20%); + } + + .mw-mmv-post-image, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon { + background-color: @crust; + } + + .mw-mmv-image-metadata { + background-color: @crust; + border-color: @surface2; + } + + .cdx-text-input__input:enabled::placeholder, .cdx-text-input__input:enabled ~ .cdx-text-input__icon-vue, .skin-vector .uls-languagefilter, .skin-vector .uls-lcd-region-title, .suggestion-description, .cdx-menu-item--enabled .cdx-menu-item__text__description, .mw-number-text, .boilerplate > div:nth-child(3) > span:nth-child(1), .boilerplate > div:nth-child(4) > span:nth-child(2) { + color: @subtext0 !important; + } + + input:hover + .cdx-button.cdx-button--action-progressive { + background-color: fade(@color, 12.5%); + } + + #pt-notifications-alert .mw-echo-unseen-notifications::after { + background-color: @red !important; + } + + #pt-notifications-notice .mw-echo-unseen-notifications::after { + background-color: @blue !important; + } + + a, .mw-parser-output a.external:visited { + color: @color; + &:visited { + color: @mauve; + } + } + + a.new, .mw-parser-output .cs1-visible-error, .vector-menu-tabs .mw-list-item.new a, .mw-plusminus-neg { + color: @red; + } + + #searchInput { + color: @text; + &:hover { + border-color: @surface2; + } + &:focus { + border-color: @color; + } + } + + .pure-form input[type="search"] { + border-color: @surface2; + box-shadow: inset 0 0 0 1px @surface2; + } + + #pt-notifications-alert .mw-echo-notifications-badge::after, #pt-notifications-notice .mw-echo-notifications-badge::after, .mw-echo-notification-badge-nojs::after { + border-color: @crust; + background-color: @color; + color: @base; + } + + h2 { + border-bottom-color: @surface2; + } + + .mw-footer { + border-top-color: @surface2; + } + + .bookshelf { + border-top-color: @surface0; + box-shadow: 0 -1px 0 @surface0 + } + + body.ns-talk .mw-parser-output .mp-toolbox, .mw-parser-output .tmbox, #talkheader { + border-color: fade(@yellow, 20%) !important; + background-color: fade(@yellow, 10%) !important; + } + + body.ns-talk .mw-parser-output .mp-toolbox-daily th { + border-color: fade(@yellow, 80%) !important; + background-color: fade(@yellow, 20%) !important; + } + + .fn.org { + color: @color; + } + + .mw-parser-output .mp-toolbox-daily th, .mw-parser-output td.mp-toolbox-tfl-not { + background: fade(@yellow, 20%) !important;; + border-color: fade(@yellow, 20%) !important; + } + + body.ns-talk .mw-parser-output .mp-toolbox-daily { + border-color: fade(@yellow, 20%) !important; + background: none !important; + } + + .mw-parser-output tr + tr > .navbox-list, .mw-parser-output tr + tr > .navbox-group { + border-top-color: @surface0; + } + + .ext-phonos-PhonosButton.oo-ui-buttonElement-frameless.oo-ui-buttonWidget > .oo-ui-buttonElement-button:hover { + background-color: fade(@color, 20%); + } + + .styled-select:hover { + background-color: @surface0; + } + + .lang-list-button, .lang-list-button:hover { + background-color: @base; + border-color: @surface1; + outline-color: @base; + } + + .cdx-typeahead-search__search-footer__icon.cdx-icon { + color: @subtext0; + } + + .lang-list-active .lang-list-button { + background-color: @base; + border-color: @surface1; + outline-color: @base; + } + + .lang-list-button:focus { + box-shadow: inset 0 0 0 1px @color; + } + + .lang-list-border { + background-color: @surface1; + } + + .infobox-header { + background-color: @surface1 !important; + color: @text !important; + } + + .wikitable { + background-color: @surface0; + color: @text; + border-color: @surface1; + } + + .wikitable > * > tr > td, .wikitable > * > tr > th { + background-color: @surface0; + color: @text; + border-color: @surface2; + } + + #toc-Services > a:nth-child(1) > div:nth-child(1) { + color: @text !important; + } + + .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive, .vector-menu-tabs .mw-list-item a, .vector-feature-zebra-design-enabled .vector-toc .vector-toc-link, .mw-parser-output a.extiw, .mw-parser-output a.external, .mw-collapsible-toggle-default .mw-collapsible-text, .vector-feature-zebra-design-enabled .vector-pinnable-element .mw-list-item a, .vector-feature-zebra-design-enabled .vector-dropdown-content .mw-list-item a, .vector-feature-zebra-design-enabled .vector-pinnable-element .mw-list-item a:not(.mw-selflink):visited, .vector-feature-zebra-design-enabled .vector-dropdown-content .mw-list-item a:not(.mw-selflink):visited, .uls-language-block a, .lang-list-button, .fancycaptcha-reload, #pt-userpage-2 a:not(.mw-selflink), .vector-pinnable-element .mw-list-item a, .vector-pinnable-element .mw-list-item a:not(.mw-selflink):visited, .vector-toc .vector-toc-link, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover, .vector-dropdown-content .mw-list-item a, .vector-dropdown-content .mw-list-item a:not(.mw-selflink):visited { + color: @color; + } + + .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive, .mw-ui-button.mw-ui-progressive:not(:disabled), .mw-ui-button.mw-ui-progressive:not(:disabled):hover { + background-color: @color; + border-color: @color; + color: @base; + } + + .mw-message-box-warning, .boilerplate { + border-color: @color !important; + background-color: fade(@color, 25%) !important; + color: @text; + } + + .vector-feature-zebra-design-enabled .vector-sticky-pinned-container::after, .vector-sticky-pinned-container::after { + background: none; + } + + .vector-feature-zebra-design-enabled .vector-pinnable-header-toggle-button { + background-color: @surface0; + color: @text; + &:hover { + background-color: @base; + } + } + + .vector-feature-zebra-design-enabled .vector-pinnable-header, .vector-pinnable-header, .vector-pinnable-element .vector-menu-heading { + border-bottom-color: @surface0; + } + + hr { + border-bottom-color: @surface2; + } + + .central-featured-lang strong:hover, .link-box:hover, .central-featured-lang :hover, .other-project-link:hover, .lang-list-container { + background-color: @surface0; + } + + .vector-page-toolbar-container { + box-shadow: 0 1px @surface1; + } + + .mw-parser-output .navbox-even { + background-color: @surface1; + } + + .vector-feature-zebra-design-enabled .vector-page-titlebar::after, .mw-parser-output .wikipedia-languages-prettybars, .vector-page-titlebar::after { + background-color: @surface2 !important; + } + + table.expanded:nth-child(2) > tbody:nth-child(1) > tr:nth-child(2) { + background-color: fade(@color, 20%) !important;; + } + + .client-js .mw-content-ltr .mw-editsection-bracket:first-of-type, .client-js .mw-content-ltr .mw-editsection-bracket:not(:first-of-type), .mw-collapsible-toggle-default::before, .mw-collapsible-toggle-default::after { + color: @subtext1; + } + + .infobox, .mw-parser-output .navbox, .catlinks, .mw-parser-output #mp-topbanner, .mw-parser-output .sidebar, .fancycaptcha-captcha-container, .fancycaptcha-captcha-and-reload, .cdx-checkbox__icon, .mw-message-box, .uls-menu .uls-no-results-view .uls-no-found-more, .client-js .vector-below-page-title .vector-page-titlebar-toc > label:nth-child(2), .mw-parser-output .ombox, code, .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button, .mw-mmv-label, #page-secondary-actions > a, .mw-parser-output .ambox, td[class="sidebar-navbar"], textarea, .mw-parser-output .side-box { + background-color: @surface0 !important; + color: @text !important; + border-color: @surface2 !important; + } + + #pagehistory li.selected { + background-color: @surface0 !important; + color: @text !important; + border-color: @surface2 !important; + outline-color: @surface2 !important; + } + + .cdx-checkbox__icon { + border-color: @color !important; + } + + .fancycaptcha-captcha-container .mw-ui-inputو .mw-ui-input:not(:disabled) { + background-color: @base !important; + color: @text !important; + border-color: @surface1; + } + + .mw-ui-input:not(:disabled), .mw-ui-button:not(:disabled) { + background-color: @base !important; + color: @text !important; + border-color: @surface1 !important; + } + + + .mw-parser-output .module-shortcutboxplain { + background-color: @base !important; + color: @text !important; + border-color: @surface2; + } + + .sidebar-pretitle, .sidebar-title-with-pretitle, .sidebar-list-title { + background-color: fade(@color, 20%) !important; + } + + .mw-parser-output #mp-bottom, .mw-parser-output .sidebar-collapse .sidebar-below { + border-color: @surface2; + } + + .lang-list-content, .bookshelf .text { + background-color: @surface0; + } + + .mw-parser-output #mp-bottom .mp-h2, .uls-language-block > ul > li:hover { + background: @surface0; + border-color: @surface2; + } + + figure[typeof~="mw:File/Thumb"] { + background-color: @mantle !important; + color: @text !important; + border-top-color: @surface2; + border-left-color: @surface2; + border-right-color: @surface2; + & > figcaption { + background-color: @mantle !important; + color: @text !important; + border-bottom-color: @surface2; + border-left-color: @surface2; + border-right-color: @surface2; + } + > :not(figcaption) .mw-file-element { + color: @surface2 !important; + border-color: @surface2; + } + } + + .mw-parser-output #mp-left, .mw-parser-output #mp-left .mp-h2, th[class="sidebar-title"] { + background-color: fade(@green, 10%) !important; + border-color: fade(@green, 20%) !important; + } + + .mw-plusminus-pos { + color: @green !important; + } + + .mw-parser-output #mp-right, .mw-parser-output #mp-right .mp-h2 { + background-color: fade(@blue, 10%) !important; + border-color: fade(@blue, 20%) !important; + } + + .mw-parser-output #mp-lower, .mw-parser-output #mp-lower .mp-h2 { + background-color: fade(@mauve, 10%) !important; + border-color: fade(@mauve, 20%) !important; + } + + .mw-collapsible-toggle-default:active .mw-collapsible-text { + color: @peach; + } + + .mw-parser-output #mp-middle, .mw-parser-output #mp-middle .mp-h2 { + background-color: fade(@pink, 10%) !important; + border-color: fade(@pink, 20%) !important; + } + + .mw-parser-output .navbox-title, .summary, .infobox > tbody:nth-child(1) > tr:nth-child(4) > th:nth-child(1), .infobox > tbody:nth-child(1) > tr:nth-child(6) > th:nth-child(1) { + background-color: fade(@color, 20%) !important; + } + + .infobox > tbody:nth-child(1) > tr:nth-child(2) > td:nth-child(1) { + background-color: @surface1 !important; + } + + .mw-parser-output .navbox-group, table.expanded:nth-child(2) > tbody:nth-child(1) > tr:nth-child(3), table.expanded:nth-child(2) > tbody:nth-child(1) > tr:nth-child(4) > td:nth-child(2) > table:nth-child(2) > tbody:nth-child(1) > tr:nth-child(1), table.expanded:nth-child(2) > tbody:nth-child(1) > tr:nth-child(1), table.nowraplinks:nth-child(1) > tbody:nth-child(1) > tr:nth-child(3) > td:nth-child(1) > table:nth-child(2) > tbody:nth-child(1) > tr:nth-child(1), table.nowraplinks:nth-child(1) > tbody:nth-child(1) > tr:nth-child(4) > td:nth-child(1) > table:nth-child(2) > tbody:nth-child(1) > tr:nth-child(1), table.nowraplinks:nth-child(1) > tbody:nth-child(1) > tr:nth-child(5) > td:nth-child(1) > table:nth-child(2) > tbody:nth-child(1) > tr:nth-child(1), .navbox-abovebelow { + background-color: @surface1 !important; + } + + .mw-content-ltr > table:nth-child(20) > tbody:nth-child(1) > tr:nth-child(2) > td:nth-child(2) { + border-color: @surface2 !important; + background-color: @surface0 !important; + } + + [style="color:#02a64f;line-height:initial"] { + color: @green !important; + } + + [style="color:#f78e1e;line-height:initial"] { + color: @peach !important; + } + + [style="color:#77278b;line-height:initial"] { + color: @mauve !important; + } + + [style="color:#87746a;line-height:initial"] { + color: @maroon !important; + } + + [style="color:#009aC8;line-height:initial"] { + color: @sky !important; + } + + [style="color:#ffd520;line-height:initial"] { + color: @yellow !important; + } + + [style="color:#0060a9;line-height:initial"] { + color: @blue !important; + } + + table.nowraplinks:nth-child(4) > tbody:nth-child(1) > tr:nth-child(1), .navbox-list-with-group.navbox-list.navbox-odd { + background-color: @surface0 !important; + } + + .mw-parser-output tr + tr > .navbox-abovebelow { + border-color: @base; + } + + .catlinks li { + border-left-color: @surface2; + } + + .sprite { + @svg-raw: ''; + @svg: escape(@svg-raw); + background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,@{svg}"); + } + + .mw-logo-wordmark { + @svg-raw: ''; + @svg: escape(@svg-raw); + content: url("data:image/svg+xml,@{svg}"); + } + + .mw-logo-tagline { + @svg-raw: ''; + @svg: escape(@svg-raw); + content: url("data:image/svg+xml,@{svg}"); + } + + .vector-icon.mw-ui-icon-wikimedia-menu { + @svg-raw: ''; + @svg: escape(@svg-raw); + content: url("data:image/svg+xml,@{svg}"); + } + + .vector-icon.mw-ui-icon-wikimedia-ellipsis { + @svg-raw: ''; + @svg: escape(@svg-raw); + content: url("data:image/svg+xml,@{svg}"); + } + + .vector-feature-zebra-design-enabled .vector-dropdown .vector-dropdown-label:not(.cdx-button--icon-only)::after, .vector-icon.mw-ui-icon-wikimedia-expand { + @svg-raw: ''; + @svg: escape(@svg-raw); + background-image: url("data:image/svg+xml,@{svg}") !important; + } + + .cdx-checkbox__input:checked:not(:indeterminate) + .cdx-checkbox__icon::before { + @svg-raw: ''; + @svg: escape(@svg-raw); + background-image: url("data:image/svg+xml,@{svg}") !important; + } + + .vector-page-titlebar .mw-portlet-lang .vector-dropdown-label.cdx-button--action-progressive.cdx-button--weight-quiet::after { + @svg-raw: ''; + @svg: escape(@svg-raw); + background-image: url("data:image/svg+xml,@{svg}") !important; + } + + .vector-dropdown .vector-dropdown-label:not(.cdx-button--icon-only)::after { + @svg-raw: ''; + @svg: escape(@svg-raw); + background: url("data:image/svg+xml,@{svg}") !important; + } + + .vector-icon.mw-ui-icon-wikimedia-language-progressive { + @svg-raw: ''; + @svg: escape(@svg-raw); + background-image: url("data:image/svg+xml,@{svg}") !important; + } + + .vector-icon.mw-ui-icon-wikimedia-language { + @svg-raw: ''; + @svg: escape(@svg-raw); + background-image: url("data:image/svg+xml,@{svg}") !important; + } + + .mw-parser-output a.external[class="external text"][rel="nofollow"] { + @svg-raw: ''; + @svg: escape(@svg-raw); + background-image: url("data:image/svg+xml,@{svg}") !important; + } + + #mw-indicator-mw-helplink a { + @svg-raw: ''; + @svg: escape(@svg-raw); + background-image: url("data:image/svg+xml,@{svg}") !important; + } + + [alt="Edit this at Wikidata"] { + @svg-raw: ' '; + @svg: escape(@svg-raw); + content: url("data:image/svg+xml,@{svg}") !important; + } + + .cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon { + @svg-raw: ''; + @svg: escape(@svg-raw); + background-image: url("data:image/svg+xml,@{svg}") !important; + } + + .vector-icon.mw-ui-icon-wikimedia-listBullet { + @svg-raw: ''; + @svg: escape(@svg-raw); + background-image: url("data:image/svg+xml,@{svg}") !important; + } + + ul { + @svg-raw: ''; + @svg: escape(@svg-raw); + list-style-image: url("data:image/svg+xml,@{svg}"); + } + + .oo-ui-icon-volumeUp, .mw-ui-icon-volumeUp::before { + @svg-raw: ''; + @svg: escape(@svg-raw); + background-image: url("data:image/svg+xml,@{svg}"); + } + + .vector-icon.mw-ui-icon-wikimedia-fullScreen { + @svg-raw: ''; + @svg: escape(@svg-raw); + background-image: url("data:image/svg+xml,@{svg}"); + } + + .fancycaptcha-reload { + @svg-raw: ''; + @svg: escape(@svg-raw); + background-image: url("data:image/svg+xml,@{svg}"); + } + + .popups-icon--settings { + @svg-raw: ''; + @svg: escape(@svg-raw); + background-image: url("data:image/svg+xml,@{svg}"); + } + + .vector-icon.mw-ui-icon-wikimedia-userAvatar { + @svg-raw: ''; + @svg: escape(@svg-raw); + background-image: url("data:image/svg+xml,@{svg}"); + } + + .vector-icon.mw-ui-icon-wikimedia-watchlist { + @svg-raw: ''; + @svg: escape(@svg-raw); + background-image: url("data:image/svg+xml,@{svg}"); + } + + .vector-icon.mw-ui-icon-wikimedia-tray { + @svg-raw: ''; + @svg: escape(@svg-raw); + background-image: url("data:image/svg+xml,@{svg}"); + } + + .vector-icon.mw-ui-icon-wikimedia-bell { + @svg-raw: ''; + @svg: escape(@svg-raw); + background-image: url("data:image/svg+xml,@{svg}"); + } + + .vector-user-menu-logged-in .vector-dropdown-label::after { + @svg-raw: ''; + @svg: escape(@svg-raw); + background: url("data:image/svg+xml,@{svg}"); + } + + .vector-icon.mw-ui-icon-wikimedia-star { + @svg-raw: ''; + @svg: escape(@svg-raw); + background-image: url("data:image/svg+xml,@{svg}"); + } + + .vector-icon.mw-ui-icon-wikimedia-userTalk { + @svg-raw: ''; + @svg: escape(@svg-raw); + background-image: url("data:image/svg+xml,@{svg}"); + } + + .vector-icon.mw-ui-icon-wikimedia-sandbox { + @svg-raw: ''; + @svg: escape(@svg-raw); + background-image: url("data:image/svg+xml,@{svg}"); + } + + .vector-icon.mw-ui-icon-wikimedia-settings { + @svg-raw: ''; + @svg: escape(@svg-raw); + background-image: url("data:image/svg+xml,@{svg}"); + } + + .oo-ui-image-progressive.oo-ui-icon-settings { + @svg-raw: ''; + @svg: escape(@svg-raw); + background-image: url("data:image/svg+xml,@{svg}"); + } + + .vector-icon.mw-ui-icon-wikimedia-labFlask { + @svg-raw: ''; + @svg: escape(@svg-raw); + background-image: url("data:image/svg+xml,@{svg}"); + } + + .mw-ui-icon-vector-gadget-pt-darkmode { + @svg-raw: ''; + @svg: escape(@svg-raw); + background-image: url("data:image/svg+xml,@{svg}"); + } + + .client-dark-mode .mw-ui-icon-vector-gadget-pt-darkmode { + @svg-raw: ''; + @svg: escape(@svg-raw); + background-image: url("data:image/svg+xml,@{svg}"); + } + + .vector-icon.mw-ui-icon-wikimedia-userContributions { + @svg-raw: ''; + @svg: escape(@svg-raw); + background-image: url("data:image/svg+xml,@{svg}"); + } + + .vector-icon.mw-ui-icon-wikimedia-logOut { + @svg-raw: ''; + @svg: escape(@svg-raw); + background-image: url("data:image/svg+xml,@{svg}"); + } + + .uls-search-label, .vector-icon.mw-ui-icon-wikimedia-search { + @svg-raw: ''; + @svg: escape(@svg-raw); + background-image: url("data:image/svg+xml,@{svg}"); + } + + .mw-ui-icon-vector-gadget-pt-darkmode-sticky-header { + @svg-raw: ''; + @svg: escape(@svg-raw); + background-image: url("data:image/svg+xml,@{svg}"); + } + + .cdx-message .cdx-message__icon { + @svg-raw: ''; + @svg: escape(@svg-raw); + background-image: url("data:image/svg+xml,@{svg}"); + } + + .vector-icon.mw-ui-icon-wikimedia-edit { + @svg-raw: ''; + @svg: escape(@svg-raw); + background-image: url("data:image/svg+xml,@{svg}"); + } + + .vector-icon.mw-ui-icon-wikimedia-history { + @svg-raw: ''; + @svg: escape(@svg-raw); + background-image: url("data:image/svg+xml,@{svg}"); + } + + .vector-icon.mw-ui-icon-wikimedia-speechBubbles { + @svg-raw: ''; + @svg: escape(@svg-raw); + background-image: url("data:image/svg+xml,@{svg}"); + } + + .vector-icon.mw-ui-icon-wikimedia-editLock { + @svg-raw: ''; + @svg: escape(@svg-raw); + background-image: url("data:image/svg+xml,@{svg}"); + } + + .branding-box > a:nth-child(1) > span:nth-child(1) > img:nth-child(1) { + @svg-raw: ''; + @svg: escape(@svg-raw); + content: url("data:image/svg+xml,@{svg}"); + } + } + + @media (prefers-color-scheme: light) { + #catppuccin(@lightFlavour, @accentColor); + } + @media (prefers-color-scheme: dark) { + #catppuccin(@darkFlavour, @accentColor); + } +}