From 75c881192307267fe59476cc1be5edf242218066 Mon Sep 17 00:00:00 2001 From: rooot Date: Mon, 29 Jan 2024 15:35:54 +0100 Subject: [PATCH 01/11] fix(bsky): some unthemed parts #478 there's probably some things that I missed Signed-off-by: rooot --- styles/bsky/catppuccin.user.css | 29 +++++++++++++---------------- 1 file changed, 13 insertions(+), 16 deletions(-) diff --git a/styles/bsky/catppuccin.user.css b/styles/bsky/catppuccin.user.css index 1f90be3d41..419efb5a2c 100644 --- a/styles/bsky/catppuccin.user.css +++ b/styles/bsky/catppuccin.user.css @@ -2,7 +2,7 @@ @name Bluesky Social Catppuccin @namespace github.com/catppuccin/userstyles/styles/bsky @homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/bsky -@version 0.0.2 +@version 0.0.3 @updateURL https://github.com/catppuccin/userstyles/raw/main/styles/bsky/catppuccin.user.css @supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Absky @description Soothing pastel theme for Bluesky Social @@ -55,7 +55,7 @@ /* they dont even use this, get real */ --text: @text; - --background: @mantle; + --background: @base; /* they do use this, kind of! */ --backgroundLight: @base; /* generic text */ @@ -64,19 +64,18 @@ } /* secondary text */ - [style*="rgb(185, 185, 193)"] { + [style*="rgb(163, 178, 194)"] { color: @subtext1 !important; } /* generic blue inline */ - [style*="color: rgb(0, 133, 255)"] { + [style*="color: rgb(16, 131, 254)"] { color: @accent-color !important; } /* blue svg inline */ - [fill="#0085ff"] { - fill: @accent-color; - } + [fill="hsl(211, 99%, 53%)"], + [fill="#0085ff"], [stroke="#0085ff"] { stroke: @accent-color; } @@ -100,12 +99,12 @@ } /* generic background color */ - [style*="background-color: rgb(0, 0, 0)"] { + [style*="background-color: rgb(8, 10, 12)"] { background-color: @base !important; } /* secondary background color */ - [style*="background-color: rgb(38, 39, 45)"] { + [style*="background-color: rgb(20, 25, 31)"] { background-color: @mantle !important; } @@ -252,10 +251,8 @@ } /* small icons */ - path[fill="#ffffff"] { - fill: @text; - } - path[fill="#fff"] { + path[fill="#ffffff"], + path[fill="hsl(211, 20%, 100%)"] { fill: @text; } @@ -265,7 +262,7 @@ } /* settings button at the top of the timeline */ - path[fill="#B9B9C1"] { + path[fill="hsl(211, 20%, 70%)"] { fill: @subtext1; } @@ -278,7 +275,7 @@ } /* likes, reposts and comment counts under posts */ - [style*="color: rgb(112, 116, 137)"] { + [style*="color: rgb(102, 127, 153)"] { color: @subtext0 !important; } @@ -294,7 +291,7 @@ } /* ... button under posts */ - path[fill="#707489"] { + path[fill="hsl(211, 20%, 50%)"] { fill: @subtext0; } From 48553e2cfab656ce5c61f4d97d7683d290052d0e Mon Sep 17 00:00:00 2001 From: Isabel Date: Mon, 29 Jan 2024 16:58:49 +0000 Subject: [PATCH 02/11] fix(ecosia): landing page numbers (#481) --- styles/ecosia/catppuccin.user.css | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/styles/ecosia/catppuccin.user.css b/styles/ecosia/catppuccin.user.css index 1cd673416f..d54f90b9e5 100644 --- a/styles/ecosia/catppuccin.user.css +++ b/styles/ecosia/catppuccin.user.css @@ -2,7 +2,7 @@ @name Ecosia Catppuccin @namespace github.com/catppuccin/userstyles/styles/ecosia @homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/ecosia -@version 0.0.1 +@version 0.0.2 @updateURL https://github.com/catppuccin/userstyles/raw/main/styles/ecosia/catppuccin.user.css @supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aecosia @description Soothing pastel theme for Ecosia @@ -126,6 +126,11 @@ --color-forest-background-addon: @surface1 !important; --color-forest-background-secondary: @surface0 !important; --color-before-after-text: @text !important; + + /* override color digit on homepage */ + .count__digit, .counter__description { + color: @text !important; + } } } // vim:ft=less From 40835f5182e8e04b5ddd241165c0d2c4835d300c Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" <41898282+github-actions[bot]@users.noreply.github.com> Date: Mon, 29 Jan 2024 16:59:17 +0000 Subject: [PATCH 03/11] style: format code with prettier --- styles/ecosia/catppuccin.user.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/styles/ecosia/catppuccin.user.css b/styles/ecosia/catppuccin.user.css index d54f90b9e5..ee1c70e496 100644 --- a/styles/ecosia/catppuccin.user.css +++ b/styles/ecosia/catppuccin.user.css @@ -128,7 +128,8 @@ --color-before-after-text: @text !important; /* override color digit on homepage */ - .count__digit, .counter__description { + .count__digit, + .counter__description { color: @text !important; } } From b86a384f59d4a3ebeb68ea7e2e349228193124a5 Mon Sep 17 00:00:00 2001 From: Anubis <102488279+AnubisNekhet@users.noreply.github.com> Date: Tue, 30 Jan 2024 22:49:46 +0530 Subject: [PATCH 04/11] fix(lastfm): Optimize masks (#482) * fix(lastfm): Optimize masks * fix(lastfm): duplicate selectors * fix(lastfm): misc. refactoring * chore(lastfm): bump ver. --- styles/lastfm/catppuccin.user.css | 369 ++++++++++++------------------ 1 file changed, 145 insertions(+), 224 deletions(-) diff --git a/styles/lastfm/catppuccin.user.css b/styles/lastfm/catppuccin.user.css index 107ee0e937..4eca161964 100644 --- a/styles/lastfm/catppuccin.user.css +++ b/styles/lastfm/catppuccin.user.css @@ -2,7 +2,7 @@ @name Last.fm Catppuccin @namespace github.com/catppuccin/userstyles/styles/lastfm @homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/lastfm -@version 1.1.4 +@version 1.1.5 @description Soothing pastel theme for Last.fm @author Catppuccin @updateURL https://github.com/catppuccin/userstyles/raw/main/styles/lastfm/catppuccin.user.css @@ -114,6 +114,47 @@ } } + // Mixin to dynamically set colors of album, artist and track categories + + .category-colors() { + &artist { + --category-background: @yellow; + } + &album { + --category-background: @green; + } + &track { + --category-background: @blue; + } + } + + // Evil image mask hack + // Use as follows: + // .maskimage(mask-image, background-color, mask-position, mask-size, mask-repeat); + // Setting any value to "skip" skips that attribute + .mask-image(@mask-image: url(""), @mask-color: skip, @mask-position: skip, @mask-size: skip, @mask-repeat: skip) { + & when not (@mask-color = skip) { + background-image: none !important; + background-color: @mask-color; + } + & when not (@mask-image = skip) { + mask-image: @mask-image; + -webkit-mask-image: @mask-image; + } + & when not (@mask-position = skip) { + mask-position: @mask-position; + -webkit-mask-position: @mask-position; + } + & when not (@mask-size = skip) { + mask-size: @mask-size; + -webkit-mask-size: @mask-size; + } + & when not (@mask-repeat = skip) { + mask-repeat: @mask-repeat; + -webkit-mask-repeat: @mask-repeat; + } + } + /* -----------CHECKBOXES AND RADIOS---------- */ .lfm-form-radio input[type="radio"]:checked + label::before { border-color: @accent; @@ -154,37 +195,30 @@ color: @text; } - .homefeed - .content-top - .secondary-nav-item--artists - .secondary-nav-item-link:hover::after, - .homefeed - .content-top - .secondary-nav-item--albums - .secondary-nav-item-link:hover::after, - .homefeed - .content-top - .secondary-nav-item--tracks - .secondary-nav-item-link:hover::after, - .homefeed - .content-top - .secondary-nav-item--events - .secondary-nav-item-link:hover::after, - .homefeed--artists .content-top .secondary-nav-item-link--active::after, - .homefeed--albums .content-top .secondary-nav-item-link--active::after, - .homefeed--tracks .content-top .secondary-nav-item-link--active::after, - .homefeed--events .content-top .secondary-nav-item-link--active::after { - background-color: @accent-dim; + .homefeed { + .content-top .secondary-nav-item { + &--artists, &--albums, &--tracks, &--events { + .secondary-nav-item-link:hover::after { + background-color: @accent-dim; + } + } + } + &--artists, &--albums, &--tracks, &--events { + .content-top .secondary-nav-item-link--active::after { + background-color: @accent-dim; + } + } } - .recs-feed .recs-feed-cover-image-wrap::after, - .grid-items-cover-image-image::after { - background-image: linear-gradient( - 180deg, - transparent 0, - rgba(@mantle, 0.4) 50%, - rgba(@mantle, 0.7) 50%, - rgba(@mantle, 0.7) 100% - ); + .recs-feed .recs-feed, .grid-items { + &-cover-image-wrap::after { + background-image: linear-gradient( + 180deg, + transparent 0, + rgba(@mantle, 0.4) 50%, + rgba(@mantle, 0.7) 50%, + rgba(@mantle, 0.7) 100% + ); + } } .recs-feed .context { @@ -202,26 +236,20 @@ .stationlink-list .stationlink { color: @subtext0; - } - - .stationlink-list .stationlink:focus, - .stationlink-list .stationlink:hover { + &:focus, &:hover { color: @text; - } - - .stationlink-list .stationlink::after { - border-bottom-color: @accent-dim; - } - - .stationlink-list .stationlink::before { - background-color: @accent; - -webkit-filter: invert(0%); - filter: invert(0%); - } - - .stationlink-list .stationlink:focus::before, - .stationlink-list .stationlink:hover::before { - background-color: @subtext0; + &::before { + background-color: @subtext0; + } + } + &::after { + border-bottom-color: @accent-dim; + } + &::before { + background-color: @accent; + -webkit-filter: invert(0%); + filter: invert(0%); + } } .subscribe-cta, @@ -250,29 +278,19 @@ color: @accent; } - .minimal-navigation-item-link, - .minimal-navigation-item-link:focus, - .minimal-navigation-item-link:hover { - color: @subtext0; + .minimal-navigation-item-link { + &, &:focus, &:hover { + color: @subtext0; + } } .minimal-navigation-item-link--active, - .minimal-navigation-item-link--active:focus, - .minimal-navigation-item-link--active:hover { - color: @text; - } - - .music-section-heading { - color: @text; - } - + .music-section-heading, .music-more-artists-item-name a, - .music-more-artists-item-name a:focus, - .music-more-artists-item-name a:hover, - .music-releases-item-name a, - .music-releases-item-name a:focus, - .music-releases-item-name a:hover { - color: @text; + .music-releases-item-name a { + &, &:focus, &:hover { + color: @text; + } } .music-releases-item-artist, @@ -293,10 +311,7 @@ } /* SEARCH */ - .artist-result-heading { - color: @text; - } - + .artist-result-heading, .album-result-heading { color: @text; } @@ -312,17 +327,15 @@ color: @crust !important; } } - .recs-feed-item--artist .context::after, - .recs-feed .recs-feed-item--artist .recs-feed-avatar::after { - background-color: fadeout(@yellow, 1) !important; - } - .recs-feed-item--album .context::after, - .recs-feed .recs-feed-item--album .recs-feed-avatar::after { - background-color: fadeout(@green, 1) !important; + .recs-feed-item, + .recs-feed .recs-feed-item { + &-- { + .category-colors() + } } - .recs-feed-item--track .context::after, - .recs-feed .recs-feed-item--track .recs-feed-avatar::after { - background-color: fadeout(@blue, 1) !important; + .recs-feed-item .context::after, + .recs-feed .recs-feed-item .recs-feed-avatar::after { + background-color: var(--category-background) !important; } .secondary-nav { box-shadow: inset 0 -1px @accent; @@ -334,18 +347,15 @@ color: @text; } - .music-recommended-albums-item-name, - .music-recommended-albums-album-artist, - .music-recommended-albums-album-context { - color: @text; + .music-recommended-albums- { + &item-name, &album-artist, &album-context { + color: @text; + } } .recommended-tracks-item-name, - .recommended-tracks-item-artist { - color: @text; - } - - .big-tags-item-context { + .recommended-tracks-item-artist, + .big-tags-item-context { color: @text; } @@ -363,12 +373,9 @@ border-color: rgba(@crust, 0.5); } &-date::after { - -webkit-mask-image: url("/static/images/listening-report/v3/report-arrow-up.b6c5a2eb4c3b.svg"); - mask-image: url("/static/images/listening-report/v3/report-arrow-up.b6c5a2eb4c3b.svg"); - background: @text; + .mask-image(url("/static/images/listening-report/v3/report-arrow-up.b6c5a2eb4c3b.svg"), @text, skip, contain); height: 0; width: 0; - -webkit-mask-size: contain; padding: 7px; filter: none; } @@ -468,10 +475,10 @@ } /* PROFILE */ - .header-avatar-add, - .header-avatar-add:not(.cta--inactive):focus, - .header-avatar-add:not(.cta--inactive):hover { - background-color: @accent-dim; + .header-avatar-add { + &, &:not(.cta--inactive):focus, &:not(.cta--inactive):hover { + background-color: @accent-dim; + } } .dropdown-menu-clickable, #share-library-artist, @@ -493,7 +500,6 @@ -webkit-filter: invert(0%); filter: invert(0%); } - .chartlist-play-button:focus:focus::before, .chartlist-play-button:focus:hover::before, .chartlist-play-button:hover:focus::before, @@ -504,15 +510,15 @@ .text-Color-link, h2, - .dropdown-menu-clickable-item--selected, - .dropdown-menu-clickable-item--selected:focus, - .dropdown-menu-clickable-item--selected:hover, - .dropdown-menu-clickable-button, - .dropdown-menu-clickable-button:hover, - .dropdown-menu-clickable-button:active, .dropdown-menu-clickable-button.disclose-active { color: @accent; } + .dropdown-menu-clickable-button, + .dropdown-menu-clickable-item--selected { + &, &:focus, &:hover { + color: @accent; + } + } .dropdown-menu-clickable-item, .dropdown-menu-clickable-item:active, body:not([data-whatinput="touch"]) .dropdown-menu-clickable-item:focus, @@ -608,10 +614,10 @@ background-color: @accent-dim; } - .chartlist-count-bar-link, - .chartlist-count-bar-link:focus, - .chartlist-count-bar-link:hover { - color: @text; + .chartlist-count-bar-link { + &, &:focus, &:hover { + color: @text; + } } .shout-form textarea { @@ -628,20 +634,6 @@ /* LISTENING REPORT */ - // Mixin to dynamically set colors of album, artist and track categories - - .category-colors() { - &artist { - --category-background: @yellow; - } - &album { - --category-background: @green; - } - &track { - --category-background: @blue; - } - } - // Set color for containers .report-box-container { @@ -656,8 +648,7 @@ color: @base; // Top border design (////) .report-headline-border { - -webkit-mask-image: url("/static/images/listening-report/v3/bg-lines.73682e46b8be.svg"); - mask-image: url("/static/images/listening-report/v3/bg-lines.73682e46b8be.svg"); + .mask-image(url("/static/images/listening-report/v3/bg-lines.73682e46b8be.svg")); background: @base; } .report-headline-top { @@ -762,15 +753,11 @@ background: linear-gradient(90deg, darken(@accent, 5%), @accent); // Total scrobbles header &--total-scrobbles::before { - mask-image: url("/static/images/icons/icon-scrobble.66a5e6978c62.svg"); - -webkit-mask-image: url("/static/images/icons/icon-scrobble.66a5e6978c62.svg"); - background: @base; + .mask-image(url("/static/images/icons/icon-scrobble.66a5e6978c62.svg"), @base); } // Highest discovery header &--discovery::before { - mask-image: url("/static/images/icons/icon-compass.ce30ab3b6240.svg"); - -webkit-mask-image: url("/static/images/icons/icon-compass.ce30ab3b6240.svg"); - background: @base; + .mask-image(url("/static/images/icons/icon-compass.ce30ab3b6240.svg"), @base); } } .header-metadata-title { @@ -807,6 +794,11 @@ } } + // footer + .user-dashboard-layout--version-3 .footer { + background-color: @mantle; + } + // Top tags visualizer: Rainbow colors implemented from Catppuccin Palette @gradient-colors: @rosewater, @flamingo, @pink, @mauve, @red, @maroon, @@ -825,9 +817,7 @@ // universal report arrows .report-arrow { - mask-image: url("/static/images/listening-report/v3/report-arrow-up.b6c5a2eb4c3b.svg"); - -webkit-mask-image: url("/static/images/listening-report/v3/report-arrow-up.b6c5a2eb4c3b.svg"); - background: @base; + .mask-image(url("/static/images/listening-report/v3/report-arrow-up.b6c5a2eb4c3b.svg"), @base, skip, contain); background-size: contain; padding: 4px; margin: 2px; @@ -864,11 +854,7 @@ } } &-reply::before { - background: @subtext0; - -mask-image: url("/static/images/icons/reply_sprite_16@2x.a145ef7db2f5.png"); - -webkit-mask-image: url("/static/images/icons/reply_sprite_16@2x.a145ef7db2f5.png"); - -webkit-mask-size: 16px 32px; - mask-size: 16px 32px; + .mask-image(url("/static/images/icons/reply_sprite_16@2x.a145ef7db2f5.png"), @subtext0, skip, 16px 32px); } &-form { @@ -883,21 +869,12 @@ .vote-button { color: @overlay1; &::before { - background-image: none; - background-color: @overlay1; - mask-image: url("/static/images/icons/upvote_sprite_16@2x.5e02a31189da.png"); - -webkit-mask-image: url("/static/images/icons/upvote_sprite_16@2x.5e02a31189da.png"); - mask-size: 16px 32px; - -webkit-mask-size: 16px 32px; - mask-position: 0 0; - -webkit-mask-position: 0 0; + .mask-image(url("/static/images/icons/upvote_sprite_16@2x.5e02a31189da.png"), @overlay2, 0 0, 16px 32px); } &--voted { color: @green; &::before { - background-color: @green; - mask-position: 0 -16px; - -webkit-mask-position: 0 -16px; + .mask-image(skip, green, 0 -16px, skip); } } } @@ -1504,17 +1481,11 @@ /* ----ICONS---- */ .lazy-buylinks-toggle::before { - background-image: none !important; - mask-image: url("/static/images/icons/download_sprite_16.2d7999c89e09.png"); - -webkit-mask-image: url("/static/images/icons/download_sprite_16.2d7999c89e09.png"); - background-color: @text; + .mask-image(url("/static/images/icons/download_sprite_16.2d7999c89e09.png"), @text); } .chartlist-more-button::before { - background-image: none !important; - mask-image: url("/static/images/icons/more_sprite_16.bceb4a93c77a.png"); - -webkit-mask-image: url("/static/images/icons/more_sprite_16.bceb4a93c77a.png"); - background-color: @text; + .mask-image(url("/static/images/icons/more_sprite_16.bceb4a93c77a.png"), @text); } .lazy-buylinks-toggle:hover::before, @@ -1527,18 +1498,11 @@ .chartlist-love-button, .header-new-love-button { &::before { - background-image: none !important; - mask-image: url("/static/images/icons/love_animation_tracklist_24.3c884b0287d4.png"); - -webkit-mask-image: url("/static/images/icons/love_animation_tracklist_24.3c884b0287d4.png"); - background-color: @text; - mask-position: -24px 0; - -webkit-mask-position: -24px 0; + .mask-image(url("/static/images/icons/love_animation_tracklist_24.3c884b0287d4.png"), @text, -24px 0); } &:focus::before, &:hover::before { - mask-position: -24px 0; - -webkit-mask-position: -24px 0; - background-color: @red; + .mask-image(skip, @red, -24px 0); } } @@ -1547,26 +1511,18 @@ &::before, &:focus::before, &:hover::before { - mask-position: -552px 0; - -webkit-mask-position: -552px 0; + .mask-image(skip, @red, -24px 0); transition: mask-position 0.7s steps(22) !important; -webkit-transition: -webkit-mask-position 0.7s steps(22) !important; - background-color: @red; } } .section-settings-toggle::before { - background-image: none !important; - mask-image: url("/static/images/icons/settings_222_16.f63779d3cbad.png"); - -webkit-mask-image: url("/static/images/icons/settings_222_16.f63779d3cbad.png"); - background-color: @text; + .mask-image(url("/static/images/icons/settings_222_16.f63779d3cbad.png"), @text); } .share-button-profile::before { - background-image: none !important; - mask-image: url("/static/images/icons/share_222_16.9aba752fb1e9.png"); - -webkit-mask-image: url("/static/images/icons/share_222_16.9aba752fb1e9.png"); - background-color: @text; + .mask-image(url("/static/images/icons/share_222_16.9aba752fb1e9.png"), @text); } .section-settings-toggle:hover::before, @@ -1580,38 +1536,23 @@ .lyrics-snippet-more-link ::before, .trending-tracks-more-link ::before, .more-link-fullwidth-right ::before { - background-image: none !important; - mask-image: url("/static/images/icons/arrow_small_right_005399_12.8f025ef116be.png"); - -webkit-mask-image: url("/static/images/icons/arrow_small_right_005399_12.8f025ef116be.png"); - background-color: @accent; + .mask-image(url("/static/images/icons/arrow_small_right_005399_12.8f025ef116be.png"), @accent); } .play-this-track-playlink--itunes::before { - background-image: none !important; - mask-image: url("/static/images/icons/apple_music_color_24.17c0b1b9e185.png"); - -webkit-mask-image: url("/static/images/icons/apple_music_color_24.17c0b1b9e185.png"); - background-color: @text; + .mask-image(url("/static/images/icons/apple_music_color_24.17c0b1b9e185.png"), @text); } .resource-external-link--homepage::before { - background-image: none !important; - mask-image: url("/static/images/icons/external_links_16.3d45e81fa3fc.png"); - -webkit-mask-image: url("/static/images/icons/external_links_16.3d45e81fa3fc.png"); - background-color: @text; + .mask-image(url("/static/images/icons/external_links_16.3d45e81fa3fc.png"), @text); } .alert-warning::before { - background-image: none; - mask-image: url("/static/images/icons/alert/warning_16.93f2fe437139.png"); - -webkit-mask-image: url("/static/images/icons/alert/warning_16.93f2fe437139.png"); - background-color: @peach; + .mask-image(url("/static/images/icons/alert/warning_16.93f2fe437139.png"), @peach); } .masthead-search-toggle::before { - background-image: none !important; - mask-image: url("/static/images/icons/search_16.bde37072495a.png"); - -webkit-mask-image: url("/static/images/icons/search_16.bde37072495a.png"); - background-color: @text; + .mask-image(url("/static/images/icons/search_16.bde37072495a.png"), @text); } .masthead-search-toggle:hover::before, @@ -1620,10 +1561,7 @@ } .masthead-search-toggle.disclose-active::before { - background-image: none !important; - mask-image: url("/static/images/icons/delete_999_24.78e2a3de3ab8.png"); - -webkit-mask-image: url("/static/images/icons/delete_999_24.78e2a3de3ab8.png"); - background-color: @text; + .mask-image(url("/static/images/icons/delete_999_24.78e2a3de3ab8.png"), @text); } .masthead-search-toggle.disclose-active:hover::before, @@ -1632,32 +1570,15 @@ } .masthead-logo { - background-image: none !important; - mask-image: url("/static/images/logo_static.adb61955725c.png"); - -webkit-mask-image: url("/static/images/logo_static.adb61955725c.png"); - mask-position: 50% 50%; - -webkit-mask-position: 50% 50%; - mask-repeat: no-repeat; - -webkit-mask-repeat: no-repeat; - background-color: @red; + .mask-image(url("/static/images/logo_static.adb61955725c.png"), @red, 50% 50%, skip, no-repeat); } .catalogue-tags .tags-add::before { - background-image: none; - mask-image: url("/static/images/icons/add_link_16.637996ed0e2f.png"); - -webkit-mask-image: url("/static/images/icons/add_link_16.637996ed0e2f.png"); - background-color: @accent; + .mask-image(url("/static/images/icons/add_link_16.637996ed0e2f.png"), @accent); } .masthead-logo-loading { - -webkit-mask-image: url("/static/images/logo_animate@2x.e93e5b7db3de.gif"); - mask-image: url("/static/images/logo_animate@2x.e93e5b7db3de.gif"); - -webkit-mask-size: contain; - mask-position: 50% 50%; - -webkit-mask-position: 50% 50%; - mask-repeat: no-repeat; - -webkit-mask-repeat: no-repeat; - background: @accent !important; + .mask-image(url("/static/images/logo_animate@2x.e93e5b7db3de.gif"), @red, 50% 50%, contain, no-repeat); } .layout-image { From f719103d58535a5805e7112c049eb1c2a699db36 Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" <41898282+github-actions[bot]@users.noreply.github.com> Date: Tue, 30 Jan 2024 17:20:12 +0000 Subject: [PATCH 05/11] style: format code with prettier --- styles/lastfm/catppuccin.user.css | 48 ++++++++++++++++++++++--------- 1 file changed, 34 insertions(+), 14 deletions(-) diff --git a/styles/lastfm/catppuccin.user.css b/styles/lastfm/catppuccin.user.css index 4eca161964..6105beea3e 100644 --- a/styles/lastfm/catppuccin.user.css +++ b/styles/lastfm/catppuccin.user.css @@ -197,19 +197,26 @@ .homefeed { .content-top .secondary-nav-item { - &--artists, &--albums, &--tracks, &--events { - .secondary-nav-item-link:hover::after { + &--artists, + &--albums, + &--tracks, + &--events { + .secondary-nav-item-link:hover::after { background-color: @accent-dim; } } } - &--artists, &--albums, &--tracks, &--events { + &--artists, + &--albums, + &--tracks, + &--events { .content-top .secondary-nav-item-link--active::after { background-color: @accent-dim; } } } - .recs-feed .recs-feed, .grid-items { + .recs-feed .recs-feed, + .grid-items { &-cover-image-wrap::after { background-image: linear-gradient( 180deg, @@ -236,8 +243,9 @@ .stationlink-list .stationlink { color: @subtext0; - &:focus, &:hover { - color: @text; + &:focus, + &:hover { + color: @text; &::before { background-color: @subtext0; } @@ -279,7 +287,9 @@ } .minimal-navigation-item-link { - &, &:focus, &:hover { + &, + &:focus, + &:hover { color: @subtext0; } } @@ -288,7 +298,9 @@ .music-section-heading, .music-more-artists-item-name a, .music-releases-item-name a { - &, &:focus, &:hover { + &, + &:focus, + &:hover { color: @text; } } @@ -330,7 +342,7 @@ .recs-feed-item, .recs-feed .recs-feed-item { &-- { - .category-colors() + .category-colors(); } } .recs-feed-item .context::after, @@ -348,14 +360,16 @@ } .music-recommended-albums- { - &item-name, &album-artist, &album-context { + &item-name, + &album-artist, + &album-context { color: @text; } } .recommended-tracks-item-name, .recommended-tracks-item-artist, - .big-tags-item-context { + .big-tags-item-context { color: @text; } @@ -476,7 +490,9 @@ /* PROFILE */ .header-avatar-add { - &, &:not(.cta--inactive):focus, &:not(.cta--inactive):hover { + &, + &:not(.cta--inactive):focus, + &:not(.cta--inactive):hover { background-color: @accent-dim; } } @@ -515,7 +531,9 @@ } .dropdown-menu-clickable-button, .dropdown-menu-clickable-item--selected { - &, &:focus, &:hover { + &, + &:focus, + &:hover { color: @accent; } } @@ -615,7 +633,9 @@ } .chartlist-count-bar-link { - &, &:focus, &:hover { + &, + &:focus, + &:hover { color: @text; } } From 887bb289ef34fd9ed604f7c4cd9525c2eef703e6 Mon Sep 17 00:00:00 2001 From: Gen Date: Tue, 30 Jan 2024 11:48:08 -0800 Subject: [PATCH 06/11] feat(archwiki): init (#479) * add arch wiki to the list * add arch wiki * fix(arch wiki): border colors Co-authored-by: uncenter <47499684+uncenter@users.noreply.github.com> * fix(arch wiki): border colors pt2 electric boogaloo~ Co-authored-by: uncenter <47499684+uncenter@users.noreply.github.com> * fix(arch wiki): dark mode support now supports dark mode!! * fix(archwiki): assorted unthemed elements * fix(archwiki): various unthemed elements Now, tables and code blocks are properly themed! yippee!! * fix(userstyles.yml): archwiki usage instructions add arch wiki usage instructions * Update scripts/userstyles.yml fix my darn horrible indentation LOL Co-authored-by: uncenter <47499684+uncenter@users.noreply.github.com> * Update indentation on scripts/userstyles.yml when my indentation is horrendous so others have to fix it for you Co-authored-by: uncenter <47499684+uncenter@users.noreply.github.com> * update indentation apparently i suck at indenting LOL Co-authored-by: uncenter <47499684+uncenter@users.noreply.github.com> * Rename folder * whoops! arch-wiki is back! whoops! * fix(archwiki): a bunch of lint changes apparently i keep messing up LOL * lint changes part 163 i love lint, lint loves me, i'm going to [redacted] * lint changes. 3 months after the start of working on lint changes, lint has now consumed me. * fix(archwiki): table colorings listened the ham's feedback and adjusted colors accordingly * fix(archwiki): silly mistake + table borders i fixed my stupid mistake and hopefully whatever was causing the lint errors :D * easiest way is to re upload :p * add catwalk.webp * add flavor images * fix catwalk * fixed location of images hopefully * Delete the catwalk.webp that was in the wrong location * Delete styles/arch-wiki/Catppuccin.user.css whoops --------- Co-authored-by: uncenter <47499684+uncenter@users.noreply.github.com> --- scripts/userstyles.yml | 7 + styles/arch-wiki/assets/catwalk.webp | 3 + styles/arch-wiki/assets/frappe.webp | 3 + styles/arch-wiki/assets/latte.webp | 3 + styles/arch-wiki/assets/macchiato.webp | 3 + styles/arch-wiki/assets/mocha.webp | 3 + styles/arch-wiki/catppuccin.user.css | 420 +++++++++++++++++++++++++ 7 files changed, 442 insertions(+) create mode 100644 styles/arch-wiki/assets/catwalk.webp create mode 100644 styles/arch-wiki/assets/frappe.webp create mode 100644 styles/arch-wiki/assets/latte.webp create mode 100644 styles/arch-wiki/assets/macchiato.webp create mode 100644 styles/arch-wiki/assets/mocha.webp create mode 100644 styles/arch-wiki/catppuccin.user.css diff --git a/scripts/userstyles.yml b/scripts/userstyles.yml index b041989917..cc88a0ac61 100644 --- a/scripts/userstyles.yml +++ b/scripts/userstyles.yml @@ -123,6 +123,13 @@ userstyles: > [!NOTE] > This theme applies to [AniChart](https://anichart.net/) as well, which is an extension of AniList. current-maintainers: [*anubisnekhet] + arch-wiki: + name: Arch Wiki + category: productivity + readme: + app-link: "https://wiki.archlinux.org/" + usage: "Make sure to use the default **Light** theme" + current-maintainers: [*genshibe] boringproxy: name: boringproxy category: productivity diff --git a/styles/arch-wiki/assets/catwalk.webp b/styles/arch-wiki/assets/catwalk.webp new file mode 100644 index 0000000000..905eb3eed9 --- /dev/null +++ b/styles/arch-wiki/assets/catwalk.webp @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:e8ed69eec454585f3e78ad31aee410da54090cfea15ce0a84bbd1a3575e686a6 +size 119394 diff --git a/styles/arch-wiki/assets/frappe.webp b/styles/arch-wiki/assets/frappe.webp new file mode 100644 index 0000000000..8fa7c07a14 --- /dev/null +++ b/styles/arch-wiki/assets/frappe.webp @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:0a8f7e164f414bf14dea52a3bbdf267ab2786a397873bf9f6ee1c418901e674e +size 71250 diff --git a/styles/arch-wiki/assets/latte.webp b/styles/arch-wiki/assets/latte.webp new file mode 100644 index 0000000000..01080bbda8 --- /dev/null +++ b/styles/arch-wiki/assets/latte.webp @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:15d55bef4159e7396759ff66dac3a247ee01d5cd955dc9ff5bcbe7ff1e076232 +size 72080 diff --git a/styles/arch-wiki/assets/macchiato.webp b/styles/arch-wiki/assets/macchiato.webp new file mode 100644 index 0000000000..916be4a050 --- /dev/null +++ b/styles/arch-wiki/assets/macchiato.webp @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:fb52285c574f486a0e5879e8fad7e085331dc7582066a4cbfb62ce7874772975 +size 71922 diff --git a/styles/arch-wiki/assets/mocha.webp b/styles/arch-wiki/assets/mocha.webp new file mode 100644 index 0000000000..6a2402dd21 --- /dev/null +++ b/styles/arch-wiki/assets/mocha.webp @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:cc497753c7dcfcc1de01244d4115947e602939aa63372d6aa8ac4434f5b3cff1 +size 72876 diff --git a/styles/arch-wiki/catppuccin.user.css b/styles/arch-wiki/catppuccin.user.css new file mode 100644 index 0000000000..766483c446 --- /dev/null +++ b/styles/arch-wiki/catppuccin.user.css @@ -0,0 +1,420 @@ +/* ==UserStyle== +@name Arch Wiki Catppuccin +@namespace github.com/catppuccin/userstyles/styles/arch-wiki +@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/arch-wiki +@version 0.0.4 +@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/arch-wiki/catppuccin.user.css +@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aarch-wiki +@description Soothing pastel theme for Arch Wiki +@author Catppuccin +@license MIT + +@preprocessor less +@var select lightFlavor "Light Flavor" ["latte:Latte*", "frappe:Frappé", "macchiato:Macchiato", "mocha:Mocha"] +@var select darkFlavor "Dark Flavor" ["latte:Latte", "frappe:Frappé", "macchiato:Macchiato", "mocha:Mocha*"] +@var select accentColor "Accent" ["rosewater:Rosewater", "flamingo:Flamingo", "pink:Pink", "mauve:Mauve", "red:Red", "maroon:Maroon", "peach:Peach", "yellow:Yellow", "green:Green", "teal:Teal", "blue:Blue", "sapphire:Sapphire*", "sky:Sky", "lavender:Lavender", "subtext0:Gray"] +==/UserStyle== */ +/* If you need any help with the information above, please see: https://github.com/openstyles/stylus/wiki/Writing-UserCSS#var */ +/* For help with URL rules, please see https://github.com/openstyles/stylus/wiki/Writing-styles#valid--moz-document-rules. */ +@-moz-document domain('wiki.archlinux.org') { + /* prettier-ignore */ + /* stylelint-disable selector-not-notation */ + @catppuccin: { + @latte: { + @rosewater: #dc8a78; + @flamingo: #dd7878; + @pink: #ea76cb; + @mauve: #8839ef; + @red: #d20f39; + @maroon: #e64553; + @peach: #fe640b; + @yellow: #df8e1d; + @green: #40a02b; + @teal: #179299; + @sky: #04a5e5; + @sapphire: #209fb5; + @blue: #1e66f5; + @lavender: #7287fd; + @text: #4c4f69; + @subtext1: #5c5f77; + @subtext0: #6c6f85; + @overlay2: #7c7f93; + @overlay1: #8c8fa1; + @overlay0: #9ca0b0; + @surface2: #acb0be; + @surface1: #bcc0cc; + @surface0: #ccd0da; + @base: #eff1f5; + @mantle: #e6e9ef; + @crust: #dce0e8; + } + ; + @frappe: { + @rosewater: #f2d5cf; + @flamingo: #eebebe; + @pink: #f4b8e4; + @mauve: #ca9ee6; + @red: #e78284; + @maroon: #ea999c; + @peach: #ef9f76; + @yellow: #e5c890; + @green: #a6d189; + @teal: #81c8be; + @sky: #99d1db; + @sapphire: #85c1dc; + @blue: #8caaee; + @lavender: #babbf1; + @text: #c6d0f5; + @subtext1: #b5bfe2; + @subtext0: #a5adce; + @overlay2: #949cbb; + @overlay1: #838ba7; + @overlay0: #737994; + @surface2: #626880; + @surface1: #51576d; + @surface0: #414559; + @base: #303446; + @mantle: #292c3c; + @crust: #232634; + } + ; + @macchiato: { + @rosewater: #f4dbd6; + @flamingo: #f0c6c6; + @pink: #f5bde6; + @mauve: #c6a0f6; + @red: #ed8796; + @maroon: #ee99a0; + @peach: #f5a97f; + @yellow: #eed49f; + @green: #a6da95; + @teal: #8bd5ca; + @sky: #91d7e3; + @sapphire: #7dc4e4; + @blue: #8aadf4; + @lavender: #b7bdf8; + @text: #cad3f5; + @subtext1: #b8c0e0; + @subtext0: #a5adcb; + @overlay2: #939ab7; + @overlay1: #8087a2; + @overlay0: #6e738d; + @surface2: #5b6078; + @surface1: #494d64; + @surface0: #363a4f; + @base: #24273a; + @mantle: #1e2030; + @crust: #181926; + } + ; + @mocha: { + @rosewater: #f5e0dc; + @flamingo: #f2cdcd; + @pink: #f5c2e7; + @mauve: #cba6f7; + @red: #f38ba8; + @maroon: #eba0ac; + @peach: #fab387; + @yellow: #f9e2af; + @green: #a6e3a1; + @teal: #94e2d5; + @sky: #89dceb; + @sapphire: #74c7ec; + @blue: #89b4fa; + @lavender: #b4befe; + @text: #cdd6f4; + @subtext1: #bac2de; + @subtext0: #a6adc8; + @overlay2: #9399b2; + @overlay1: #7f849c; + @overlay0: #6c7086; + @surface2: #585b70; + @surface1: #45475a; + @surface0: #313244; + @base: #1e1e2e; + @mantle: #181825; + @crust: #11111b; + } + ; + } + + #catppuccin(@lookup, @accent) { + @rosewater: @catppuccin[@@lookup][@rosewater]; + @flamingo: @catppuccin[@@lookup][@flamingo]; + @pink: @catppuccin[@@lookup][@pink]; + @mauve: @catppuccin[@@lookup][@mauve]; + @red: @catppuccin[@@lookup][@red]; + @maroon: @catppuccin[@@lookup][@maroon]; + @peach: @catppuccin[@@lookup][@peach]; + @yellow: @catppuccin[@@lookup][@yellow]; + @green: @catppuccin[@@lookup][@green]; + @teal: @catppuccin[@@lookup][@teal]; + @sky: @catppuccin[@@lookup][@sky]; + @sapphire: @catppuccin[@@lookup][@sapphire]; + @blue: @catppuccin[@@lookup][@blue]; + @lavender: @catppuccin[@@lookup][@lavender]; + @text: @catppuccin[@@lookup][@text]; + @subtext1: @catppuccin[@@lookup][@subtext1]; + @subtext0: @catppuccin[@@lookup][@subtext0]; + @overlay2: @catppuccin[@@lookup][@overlay2]; + @overlay1: @catppuccin[@@lookup][@overlay1]; + @overlay0: @catppuccin[@@lookup][@overlay0]; + @surface2: @catppuccin[@@lookup][@surface2]; + @surface1: @catppuccin[@@lookup][@surface1]; + @surface0: @catppuccin[@@lookup][@surface0]; + @base: @catppuccin[@@lookup][@base]; + @mantle: @catppuccin[@@lookup][@mantle]; + @crust: @catppuccin[@@lookup][@crust]; + @accent-color: @catppuccin[@@lookup][@@accent]; // Start styling your website here: + #archnavbar { + background-color: @mantle !important; + border-bottom-color: @blue; + } + ; + + .mw-parser-output { + background-color: @base !important; + } + ; + + .mw-page-container { + background-color: @mantle !important; + } + + .vector-header-container { + background-color: @base !important; + } + + + #content a:not([role="button"]):not(.new), + header.mw-header li:not(.new) a:not([role="button"]):not(.new), + #mw-panel-toc a:not([role="button"]):not(.new), + #mw-navigation li:not(.new) a:not([role="button"]):not(.new), + #mw-panel li:not(.new) a:not([role="button"]):not(.new), + #column-one li:not(.new) a:not([role="button"]):not(.new), + #footer a:not([role="button"]):not(.new) { + color: @blue !important; + } + + @media screen { + html.client-darkmode { + background-color: @base + } + } + + .vector-feature-zebra-design-disabled, + .body { + background-color: @base + } + + + .archwiki-template-box-tip { + background-color: fadeout(hsla(90, 90%, 65%, 0.3), 10%) !important; + border-color: fadeout(hsla(90, 90%, 75%, 0.3), 10%); + color: @subtext1; + } + + .archwiki-template-box-note { + background-color: fadeout(hsla(208, 100%, 61%, 0.3), 5%) !important; + border-color: fadeout(hsla(208, 100%, 81%, 0.3), 5%) !important; + color: @subtext1 + } + + .archwiki-template-box-warning { + background-color: fadeout(hsla(7, 99%, 60%, 0.3), 5%) !important; + border-color: fadeout(hsla(7, 99%, 80%, 0.3), 05%) !important; + color: @subtext1; + } + + .firstHeading { + color: @accent-color !important; + } + + #content { + border-color: @overlay0 + } + + #content pre:not([class*="CodeMirror"]), + #content code, + #content tt { + background-color: @surface0; + color: @text; + border-color: @overlay0 + } + + .vector-pinned-container { + border-color: @overlay0 !important + } + + .vector-pinnable-header-label { + color: @text; + } + + .vector-pinnable-header-toggle-button, + .vector-pinnable-header-unpin-button { + color: @blue; + } + + .wikitable { + background-color: @base; + } + + .wikitable > tr > th, + .wikitable > tr > td, + .wikitable > * > tr > th, + .wikitable > * > tr > td { + color: @text; + border-color: @crust; + } + + .wikitable > tr > th, + .wikitable > * > tr > th { + background-color: @mantle; + color: @text; + } + + .pre { + color: @mantle; + } + .vector-toc::after { + background-color: linear-gradient(rgba(255, 255, 255, 0), @base); + } + + .mw-headline { + color: @text; + } + + .plainlinks, + .archwiki-template-man, + .external text { + color: multiply( @blue, #555) + } + + .cdx-button:enabled.cdx-button--weight-quiet, + .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet { + background-color: @surface0 + } + + #archnavbar ul li.anb-selected a { + color: @accent-color !important; + } + + .archwiki-template-message { + background-color: @base; + } + + .catlinks { + background-color: @mantle; + } + + .mw-parser-output p { + color: @text !important; + } + + .archwiki-template-meta-related-articles { + background-color: @surface0 + } + + .archwiki-template-meta-related-articles p { + color: @text; + border-bottom-color: @blue; + } + + .archwiki-template-meta-related-articles ul li a { + color: @blue important; + } + + .mw-footer-container { + background-color: @base !important; + } + + #archnavbarlist li a { + color: @blue !important; + } + + .anb-selected { + color: @subtext1 !important; + } + + .mw-footer li { + color: @text + } + + + .vector-main-menu, + .vector-pinnable-element { + background-color: @base !important; + } + + #p-navigation ul li a { + color: @blue !important; + } + + .archwiki-template-box-note a { + color: @blue !important; + } + + .archwiki-template-box-note a:visited { + color: @mauve !important; + } + + .mw-page-title-main { + color: @text; + } + + .vector-tab-noicon mw-list-item a { + color: @blue; + } + + .mw-footer li a { + color: @blue + } + + .mw-body { + background-color: @base !important; + color: @text; + } + + .cdx-text-input__input:enabled { + background-color: @surface0 !important; + color: @text !important; + } + + .cdx-button:enabled, + .cdx-button.cdxbutton--fake-button--enabled { + color: @text; + background-color: @mantle + } + + .cdx-menu { + background-color: @surface0 + } + + .cdx-menu:hover { + background-color: @base !important; + } + + .anb-home { + color: @text !important; + } + + .vector-dropdown-content { + background-color: @base !important; + } + + .mw-headline::before { + color: @accent-color !important; + } + } + @media (prefers-color-scheme: dark) { + :root { + #catppuccin(@darkFlavor, @accentColor); + } + } + @media (prefers-color-scheme: light) { + :root { + #catppuccin(@lightFlavor, @accentColor); + } + } +} +// vim:ft=less From d80af86cdc3599224ca481de4714fbcbf502b830 Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" <41898282+github-actions[bot]@users.noreply.github.com> Date: Tue, 30 Jan 2024 19:48:28 +0000 Subject: [PATCH 07/11] style: format code with prettier --- styles/arch-wiki/catppuccin.user.css | 773 +++++++++++++-------------- 1 file changed, 381 insertions(+), 392 deletions(-) diff --git a/styles/arch-wiki/catppuccin.user.css b/styles/arch-wiki/catppuccin.user.css index 766483c446..b6db8154ff 100644 --- a/styles/arch-wiki/catppuccin.user.css +++ b/styles/arch-wiki/catppuccin.user.css @@ -17,404 +17,393 @@ /* If you need any help with the information above, please see: https://github.com/openstyles/stylus/wiki/Writing-UserCSS#var */ /* For help with URL rules, please see https://github.com/openstyles/stylus/wiki/Writing-styles#valid--moz-document-rules. */ @-moz-document domain('wiki.archlinux.org') { - /* prettier-ignore */ - /* stylelint-disable selector-not-notation */ - @catppuccin: { - @latte: { - @rosewater: #dc8a78; - @flamingo: #dd7878; - @pink: #ea76cb; - @mauve: #8839ef; - @red: #d20f39; - @maroon: #e64553; - @peach: #fe640b; - @yellow: #df8e1d; - @green: #40a02b; - @teal: #179299; - @sky: #04a5e5; - @sapphire: #209fb5; - @blue: #1e66f5; - @lavender: #7287fd; - @text: #4c4f69; - @subtext1: #5c5f77; - @subtext0: #6c6f85; - @overlay2: #7c7f93; - @overlay1: #8c8fa1; - @overlay0: #9ca0b0; - @surface2: #acb0be; - @surface1: #bcc0cc; - @surface0: #ccd0da; - @base: #eff1f5; - @mantle: #e6e9ef; - @crust: #dce0e8; - } - ; - @frappe: { - @rosewater: #f2d5cf; - @flamingo: #eebebe; - @pink: #f4b8e4; - @mauve: #ca9ee6; - @red: #e78284; - @maroon: #ea999c; - @peach: #ef9f76; - @yellow: #e5c890; - @green: #a6d189; - @teal: #81c8be; - @sky: #99d1db; - @sapphire: #85c1dc; - @blue: #8caaee; - @lavender: #babbf1; - @text: #c6d0f5; - @subtext1: #b5bfe2; - @subtext0: #a5adce; - @overlay2: #949cbb; - @overlay1: #838ba7; - @overlay0: #737994; - @surface2: #626880; - @surface1: #51576d; - @surface0: #414559; - @base: #303446; - @mantle: #292c3c; - @crust: #232634; - } - ; - @macchiato: { - @rosewater: #f4dbd6; - @flamingo: #f0c6c6; - @pink: #f5bde6; - @mauve: #c6a0f6; - @red: #ed8796; - @maroon: #ee99a0; - @peach: #f5a97f; - @yellow: #eed49f; - @green: #a6da95; - @teal: #8bd5ca; - @sky: #91d7e3; - @sapphire: #7dc4e4; - @blue: #8aadf4; - @lavender: #b7bdf8; - @text: #cad3f5; - @subtext1: #b8c0e0; - @subtext0: #a5adcb; - @overlay2: #939ab7; - @overlay1: #8087a2; - @overlay0: #6e738d; - @surface2: #5b6078; - @surface1: #494d64; - @surface0: #363a4f; - @base: #24273a; - @mantle: #1e2030; - @crust: #181926; - } - ; - @mocha: { - @rosewater: #f5e0dc; - @flamingo: #f2cdcd; - @pink: #f5c2e7; - @mauve: #cba6f7; - @red: #f38ba8; - @maroon: #eba0ac; - @peach: #fab387; - @yellow: #f9e2af; - @green: #a6e3a1; - @teal: #94e2d5; - @sky: #89dceb; - @sapphire: #74c7ec; - @blue: #89b4fa; - @lavender: #b4befe; - @text: #cdd6f4; - @subtext1: #bac2de; - @subtext0: #a6adc8; - @overlay2: #9399b2; - @overlay1: #7f849c; - @overlay0: #6c7086; - @surface2: #585b70; - @surface1: #45475a; - @surface0: #313244; - @base: #1e1e2e; - @mantle: #181825; - @crust: #11111b; - } - ; - } - - #catppuccin(@lookup, @accent) { - @rosewater: @catppuccin[@@lookup][@rosewater]; - @flamingo: @catppuccin[@@lookup][@flamingo]; - @pink: @catppuccin[@@lookup][@pink]; - @mauve: @catppuccin[@@lookup][@mauve]; - @red: @catppuccin[@@lookup][@red]; - @maroon: @catppuccin[@@lookup][@maroon]; - @peach: @catppuccin[@@lookup][@peach]; - @yellow: @catppuccin[@@lookup][@yellow]; - @green: @catppuccin[@@lookup][@green]; - @teal: @catppuccin[@@lookup][@teal]; - @sky: @catppuccin[@@lookup][@sky]; - @sapphire: @catppuccin[@@lookup][@sapphire]; - @blue: @catppuccin[@@lookup][@blue]; - @lavender: @catppuccin[@@lookup][@lavender]; - @text: @catppuccin[@@lookup][@text]; - @subtext1: @catppuccin[@@lookup][@subtext1]; - @subtext0: @catppuccin[@@lookup][@subtext0]; - @overlay2: @catppuccin[@@lookup][@overlay2]; - @overlay1: @catppuccin[@@lookup][@overlay1]; - @overlay0: @catppuccin[@@lookup][@overlay0]; - @surface2: @catppuccin[@@lookup][@surface2]; - @surface1: @catppuccin[@@lookup][@surface1]; - @surface0: @catppuccin[@@lookup][@surface0]; - @base: @catppuccin[@@lookup][@base]; - @mantle: @catppuccin[@@lookup][@mantle]; - @crust: @catppuccin[@@lookup][@crust]; - @accent-color: @catppuccin[@@lookup][@@accent]; // Start styling your website here: - #archnavbar { - background-color: @mantle !important; - border-bottom-color: @blue; - } - ; - - .mw-parser-output { - background-color: @base !important; - } - ; - - .mw-page-container { - background-color: @mantle !important; - } - - .vector-header-container { - background-color: @base !important; - } - - - #content a:not([role="button"]):not(.new), - header.mw-header li:not(.new) a:not([role="button"]):not(.new), - #mw-panel-toc a:not([role="button"]):not(.new), - #mw-navigation li:not(.new) a:not([role="button"]):not(.new), - #mw-panel li:not(.new) a:not([role="button"]):not(.new), - #column-one li:not(.new) a:not([role="button"]):not(.new), - #footer a:not([role="button"]):not(.new) { - color: @blue !important; - } - - @media screen { - html.client-darkmode { - background-color: @base - } - } - - .vector-feature-zebra-design-disabled, - .body { - background-color: @base - } - - - .archwiki-template-box-tip { - background-color: fadeout(hsla(90, 90%, 65%, 0.3), 10%) !important; - border-color: fadeout(hsla(90, 90%, 75%, 0.3), 10%); - color: @subtext1; - } - - .archwiki-template-box-note { - background-color: fadeout(hsla(208, 100%, 61%, 0.3), 5%) !important; - border-color: fadeout(hsla(208, 100%, 81%, 0.3), 5%) !important; - color: @subtext1 - } - - .archwiki-template-box-warning { - background-color: fadeout(hsla(7, 99%, 60%, 0.3), 5%) !important; - border-color: fadeout(hsla(7, 99%, 80%, 0.3), 05%) !important; - color: @subtext1; - } - - .firstHeading { - color: @accent-color !important; - } - - #content { - border-color: @overlay0 - } - - #content pre:not([class*="CodeMirror"]), - #content code, - #content tt { - background-color: @surface0; - color: @text; - border-color: @overlay0 - } - - .vector-pinned-container { - border-color: @overlay0 !important - } - - .vector-pinnable-header-label { - color: @text; - } - - .vector-pinnable-header-toggle-button, - .vector-pinnable-header-unpin-button { - color: @blue; - } - - .wikitable { - background-color: @base; - } - - .wikitable > tr > th, - .wikitable > tr > td, - .wikitable > * > tr > th, - .wikitable > * > tr > td { - color: @text; - border-color: @crust; - } - - .wikitable > tr > th, - .wikitable > * > tr > th { - background-color: @mantle; - color: @text; - } - - .pre { - color: @mantle; - } - .vector-toc::after { - background-color: linear-gradient(rgba(255, 255, 255, 0), @base); - } - - .mw-headline { - color: @text; - } - - .plainlinks, - .archwiki-template-man, - .external text { - color: multiply( @blue, #555) - } - - .cdx-button:enabled.cdx-button--weight-quiet, - .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet { - background-color: @surface0 - } - - #archnavbar ul li.anb-selected a { - color: @accent-color !important; - } - - .archwiki-template-message { - background-color: @base; - } - - .catlinks { - background-color: @mantle; - } - - .mw-parser-output p { - color: @text !important; - } - - .archwiki-template-meta-related-articles { - background-color: @surface0 - } - - .archwiki-template-meta-related-articles p { - color: @text; - border-bottom-color: @blue; - } - - .archwiki-template-meta-related-articles ul li a { - color: @blue important; - } - - .mw-footer-container { - background-color: @base !important; - } - - #archnavbarlist li a { - color: @blue !important; - } - - .anb-selected { - color: @subtext1 !important; - } - - .mw-footer li { - color: @text - } - - - .vector-main-menu, - .vector-pinnable-element { - background-color: @base !important; - } - - #p-navigation ul li a { - color: @blue !important; - } - - .archwiki-template-box-note a { - color: @blue !important; - } - - .archwiki-template-box-note a:visited { - color: @mauve !important; - } - - .mw-page-title-main { - color: @text; - } - - .vector-tab-noicon mw-list-item a { - color: @blue; - } - - .mw-footer li a { - color: @blue - } - - .mw-body { - background-color: @base !important; - color: @text; - } - - .cdx-text-input__input:enabled { - background-color: @surface0 !important; - color: @text !important; - } - - .cdx-button:enabled, - .cdx-button.cdxbutton--fake-button--enabled { - color: @text; - background-color: @mantle - } - - .cdx-menu { - background-color: @surface0 - } + /* prettier-ignore */ + /* stylelint-disable selector-not-notation */ + @catppuccin: { + @latte: { + @rosewater: #dc8a78; + @flamingo: #dd7878; + @pink: #ea76cb; + @mauve: #8839ef; + @red: #d20f39; + @maroon: #e64553; + @peach: #fe640b; + @yellow: #df8e1d; + @green: #40a02b; + @teal: #179299; + @sky: #04a5e5; + @sapphire: #209fb5; + @blue: #1e66f5; + @lavender: #7287fd; + @text: #4c4f69; + @subtext1: #5c5f77; + @subtext0: #6c6f85; + @overlay2: #7c7f93; + @overlay1: #8c8fa1; + @overlay0: #9ca0b0; + @surface2: #acb0be; + @surface1: #bcc0cc; + @surface0: #ccd0da; + @base: #eff1f5; + @mantle: #e6e9ef; + @crust: #dce0e8; + }; + @frappe: { + @rosewater: #f2d5cf; + @flamingo: #eebebe; + @pink: #f4b8e4; + @mauve: #ca9ee6; + @red: #e78284; + @maroon: #ea999c; + @peach: #ef9f76; + @yellow: #e5c890; + @green: #a6d189; + @teal: #81c8be; + @sky: #99d1db; + @sapphire: #85c1dc; + @blue: #8caaee; + @lavender: #babbf1; + @text: #c6d0f5; + @subtext1: #b5bfe2; + @subtext0: #a5adce; + @overlay2: #949cbb; + @overlay1: #838ba7; + @overlay0: #737994; + @surface2: #626880; + @surface1: #51576d; + @surface0: #414559; + @base: #303446; + @mantle: #292c3c; + @crust: #232634; + }; + @macchiato: { + @rosewater: #f4dbd6; + @flamingo: #f0c6c6; + @pink: #f5bde6; + @mauve: #c6a0f6; + @red: #ed8796; + @maroon: #ee99a0; + @peach: #f5a97f; + @yellow: #eed49f; + @green: #a6da95; + @teal: #8bd5ca; + @sky: #91d7e3; + @sapphire: #7dc4e4; + @blue: #8aadf4; + @lavender: #b7bdf8; + @text: #cad3f5; + @subtext1: #b8c0e0; + @subtext0: #a5adcb; + @overlay2: #939ab7; + @overlay1: #8087a2; + @overlay0: #6e738d; + @surface2: #5b6078; + @surface1: #494d64; + @surface0: #363a4f; + @base: #24273a; + @mantle: #1e2030; + @crust: #181926; + }; + @mocha: { + @rosewater: #f5e0dc; + @flamingo: #f2cdcd; + @pink: #f5c2e7; + @mauve: #cba6f7; + @red: #f38ba8; + @maroon: #eba0ac; + @peach: #fab387; + @yellow: #f9e2af; + @green: #a6e3a1; + @teal: #94e2d5; + @sky: #89dceb; + @sapphire: #74c7ec; + @blue: #89b4fa; + @lavender: #b4befe; + @text: #cdd6f4; + @subtext1: #bac2de; + @subtext0: #a6adc8; + @overlay2: #9399b2; + @overlay1: #7f849c; + @overlay0: #6c7086; + @surface2: #585b70; + @surface1: #45475a; + @surface0: #313244; + @base: #1e1e2e; + @mantle: #181825; + @crust: #11111b; + }; + }; + + #catppuccin(@lookup, @accent) { + @rosewater: @catppuccin[@@lookup][@rosewater]; + @flamingo: @catppuccin[@@lookup][@flamingo]; + @pink: @catppuccin[@@lookup][@pink]; + @mauve: @catppuccin[@@lookup][@mauve]; + @red: @catppuccin[@@lookup][@red]; + @maroon: @catppuccin[@@lookup][@maroon]; + @peach: @catppuccin[@@lookup][@peach]; + @yellow: @catppuccin[@@lookup][@yellow]; + @green: @catppuccin[@@lookup][@green]; + @teal: @catppuccin[@@lookup][@teal]; + @sky: @catppuccin[@@lookup][@sky]; + @sapphire: @catppuccin[@@lookup][@sapphire]; + @blue: @catppuccin[@@lookup][@blue]; + @lavender: @catppuccin[@@lookup][@lavender]; + @text: @catppuccin[@@lookup][@text]; + @subtext1: @catppuccin[@@lookup][@subtext1]; + @subtext0: @catppuccin[@@lookup][@subtext0]; + @overlay2: @catppuccin[@@lookup][@overlay2]; + @overlay1: @catppuccin[@@lookup][@overlay1]; + @overlay0: @catppuccin[@@lookup][@overlay0]; + @surface2: @catppuccin[@@lookup][@surface2]; + @surface1: @catppuccin[@@lookup][@surface1]; + @surface0: @catppuccin[@@lookup][@surface0]; + @base: @catppuccin[@@lookup][@base]; + @mantle: @catppuccin[@@lookup][@mantle]; + @crust: @catppuccin[@@lookup][@crust]; + @accent-color: @catppuccin[@@lookup][@@accent]; // Start styling your website here: + #archnavbar { + background-color: @mantle !important; + border-bottom-color: @blue; + } + .mw-parser-output { + background-color: @base !important; + } + .mw-page-container { + background-color: @mantle !important; + } + + .vector-header-container { + background-color: @base !important; + } + + #content a:not([role="button"]):not(.new), + header.mw-header li:not(.new) a:not([role="button"]):not(.new), + #mw-panel-toc a:not([role="button"]):not(.new), + #mw-navigation li:not(.new) a:not([role="button"]):not(.new), + #mw-panel li:not(.new) a:not([role="button"]):not(.new), + #column-one li:not(.new) a:not([role="button"]):not(.new), + #footer a:not([role="button"]):not(.new) { + color: @blue !important; + } + + @media screen { + html.client-darkmode { + background-color: @base; + } + } + + .vector-feature-zebra-design-disabled, + .body { + background-color: @base; + } + + .archwiki-template-box-tip { + background-color: fadeout(hsla(90, 90%, 65%, 0.3), 10%) !important; + border-color: fadeout(hsla(90, 90%, 75%, 0.3), 10%); + color: @subtext1; + } + + .archwiki-template-box-note { + background-color: fadeout(hsla(208, 100%, 61%, 0.3), 5%) !important; + border-color: fadeout(hsla(208, 100%, 81%, 0.3), 5%) !important; + color: @subtext1; + } + + .archwiki-template-box-warning { + background-color: fadeout(hsla(7, 99%, 60%, 0.3), 5%) !important; + border-color: fadeout(hsla(7, 99%, 80%, 0.3), 05%) !important; + color: @subtext1; + } + + .firstHeading { + color: @accent-color !important; + } + + #content { + border-color: @overlay0; + } + + #content pre:not([class*="CodeMirror"]), + #content code, + #content tt { + background-color: @surface0; + color: @text; + border-color: @overlay0; + } - .cdx-menu:hover { - background-color: @base !important; - } + .vector-pinned-container { + border-color: @overlay0 !important; + } + + .vector-pinnable-header-label { + color: @text; + } + + .vector-pinnable-header-toggle-button, + .vector-pinnable-header-unpin-button { + color: @blue; + } + + .wikitable { + background-color: @base; + } + + .wikitable > tr > th, + .wikitable > tr > td, + .wikitable > * > tr > th, + .wikitable > * > tr > td { + color: @text; + border-color: @crust; + } - .anb-home { - color: @text !important; - } + .wikitable > tr > th, + .wikitable > * > tr > th { + background-color: @mantle; + color: @text; + } + + .pre { + color: @mantle; + } + .vector-toc::after { + background-color: linear-gradient(rgba(255, 255, 255, 0), @base); + } + + .mw-headline { + color: @text; + } + + .plainlinks, + .archwiki-template-man, + .external text { + color: multiply(@blue, #555); + } + + .cdx-button:enabled.cdx-button--weight-quiet, + .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet { + background-color: @surface0; + } + + #archnavbar ul li.anb-selected a { + color: @accent-color !important; + } + + .archwiki-template-message { + background-color: @base; + } - .vector-dropdown-content { - background-color: @base !important; - } + .catlinks { + background-color: @mantle; + } + + .mw-parser-output p { + color: @text !important; + } + + .archwiki-template-meta-related-articles { + background-color: @surface0; + } + + .archwiki-template-meta-related-articles p { + color: @text; + border-bottom-color: @blue; + } + + .archwiki-template-meta-related-articles ul li a { + color: @blue important; + } + + .mw-footer-container { + background-color: @base !important; + } + + #archnavbarlist li a { + color: @blue !important; + } + + .anb-selected { + color: @subtext1 !important; + } + + .mw-footer li { + color: @text; + } + + .vector-main-menu, + .vector-pinnable-element { + background-color: @base !important; + } + + #p-navigation ul li a { + color: @blue !important; + } + + .archwiki-template-box-note a { + color: @blue !important; + } + + .archwiki-template-box-note a:visited { + color: @mauve !important; + } + + .mw-page-title-main { + color: @text; + } + + .vector-tab-noicon mw-list-item a { + color: @blue; + } + + .mw-footer li a { + color: @blue; + } + + .mw-body { + background-color: @base !important; + color: @text; + } + + .cdx-text-input__input:enabled { + background-color: @surface0 !important; + color: @text !important; + } + + .cdx-button:enabled, + .cdx-button.cdxbutton--fake-button--enabled { + color: @text; + background-color: @mantle; + } + + .cdx-menu { + background-color: @surface0; + } + + .cdx-menu:hover { + background-color: @base !important; + } + + .anb-home { + color: @text !important; + } + + .vector-dropdown-content { + background-color: @base !important; + } - .mw-headline::before { - color: @accent-color !important; - } + .mw-headline::before { + color: @accent-color !important; } - @media (prefers-color-scheme: dark) { - :root { - #catppuccin(@darkFlavor, @accentColor); - } + } + @media (prefers-color-scheme: dark) { + :root { + #catppuccin(@darkFlavor, @accentColor); } - @media (prefers-color-scheme: light) { - :root { - #catppuccin(@lightFlavor, @accentColor); - } + } + @media (prefers-color-scheme: light) { + :root { + #catppuccin(@lightFlavor, @accentColor); } + } } // vim:ft=less From 5674cb973ce06b85ad7d0dccec737d7a4d10c61b Mon Sep 17 00:00:00 2001 From: Gen Date: Tue, 30 Jan 2024 15:22:26 -0800 Subject: [PATCH 08/11] fix(google): definition box text (#483) * fix(google): definitions from... * fix(google): update version number --- styles/google/catppuccin.user.css | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/styles/google/catppuccin.user.css b/styles/google/catppuccin.user.css index 8da1c8ded8..74063647c1 100644 --- a/styles/google/catppuccin.user.css +++ b/styles/google/catppuccin.user.css @@ -2,7 +2,7 @@ @name Google Catppuccin @namespace github.com/catppuccin/userstyles/styles/google @homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/google -@version 0.1.5 +@version 0.1.6 @updateURL https://github.com/catppuccin/userstyles/raw/main/styles/google/catppuccin.user.css @supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Agoogle @description Soothing pastel theme for Google @@ -80,6 +80,10 @@ .KxwPGc { background-color: @mantle; } + .HJSKzf { + color: @text; + } + .gbqfba, .lJ9FBc input[type="submit"] { color: @text; From 30bb4079cbe21a1cc6d35f004f279c60d00cd6ac Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" <41898282+github-actions[bot]@users.noreply.github.com> Date: Tue, 30 Jan 2024 23:23:33 +0000 Subject: [PATCH 09/11] style: format code with prettier --- styles/google/catppuccin.user.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/styles/google/catppuccin.user.css b/styles/google/catppuccin.user.css index 74063647c1..7af80a036a 100644 --- a/styles/google/catppuccin.user.css +++ b/styles/google/catppuccin.user.css @@ -83,7 +83,7 @@ .HJSKzf { color: @text; } - + .gbqfba, .lJ9FBc input[type="submit"] { color: @text; From 623a47dc83dbd0846c2e09db7c92f7042cbfd5c0 Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" <41898282+github-actions[bot]@users.noreply.github.com> Date: Wed, 31 Jan 2024 00:45:23 +0000 Subject: [PATCH 10/11] chore: generate health files --- .github/CODEOWNERS | 1 + .github/ISSUE_TEMPLATE/userstyle.yml | 2 +- .github/issue-labeler.yml | 2 + .github/labels.yml | 3 ++ .github/pr-labeler.yml | 1 + README.md | 1 + styles/arch-wiki/README.md | 57 ++++++++++++++++++++++++++++ 7 files changed, 66 insertions(+), 1 deletion(-) create mode 100644 styles/arch-wiki/README.md diff --git a/.github/CODEOWNERS b/.github/CODEOWNERS index 849c7c01fb..5579a2341e 100644 --- a/.github/CODEOWNERS +++ b/.github/CODEOWNERS @@ -1,6 +1,7 @@ # THIS FILE IS AUTOGENERATED. DO NOT EDIT IT BY HAND. /styles/advent-of-code @rubyowo /styles/anilist @AnubisNekhet +/styles/arch-wiki @GenShibe /styles/boringproxy @Gandalf-the-Blue /styles/brave-search @ndsboy /styles/bsky @RoootTheFox diff --git a/.github/ISSUE_TEMPLATE/userstyle.yml b/.github/ISSUE_TEMPLATE/userstyle.yml index 2def0f4d41..b18939a76b 100644 --- a/.github/ISSUE_TEMPLATE/userstyle.yml +++ b/.github/ISSUE_TEMPLATE/userstyle.yml @@ -14,7 +14,7 @@ body: label: What userstyles are you seeing the problem on? description: "Don't worry about the `lbl:` prefix, it allows issues to be automatically labeled!" multiple: true - options: ["lbl:advent-of-code", "lbl:anilist", "lbl:boringproxy", "lbl:brave-search", "lbl:bsky", "lbl:bstats", "lbl:canvas-lms", "lbl:chatgpt", "lbl:chatreplay", "lbl:chess.com", "lbl:cinny", "lbl:codeberg", "lbl:crowdin", "lbl:deepl", "lbl:ecosia", "lbl:elk", "lbl:formative", "lbl:github", "lbl:gmail", "lbl:google", "lbl:graphite", "lbl:hacker-news", "lbl:homepage", "lbl:hoppscotch", "lbl:ichi.moe", "lbl:instagram", "lbl:invidious", "lbl:invokeai", "lbl:lastfm", "lbl:lemmy", "lbl:libreddit", "lbl:lichess", "lbl:lingva", "lbl:linkedin", "lbl:mastodon", "lbl:modrinth", "lbl:microsoft-word", "lbl:nitter", "lbl:nixos-search", "lbl:nixos.wiki", "lbl:openmediavault", "lbl:paste.rs", "lbl:pinterest", "lbl:planet-minecraft", "lbl:proton", "lbl:quizlet", "lbl:reddit", "lbl:searxng", "lbl:spotify-web", "lbl:startpage", "lbl:skiff", "lbl:stylus", "lbl:substack", "lbl:syncthing", "lbl:tuta", "lbl:twitch", "lbl:vercel", "lbl:whatsapp-web", "lbl:wikiwand", "lbl:youtube"] + options: ["lbl:advent-of-code", "lbl:anilist", "lbl:arch-wiki", "lbl:boringproxy", "lbl:brave-search", "lbl:bsky", "lbl:bstats", "lbl:canvas-lms", "lbl:chatgpt", "lbl:chatreplay", "lbl:chess.com", "lbl:cinny", "lbl:codeberg", "lbl:crowdin", "lbl:deepl", "lbl:ecosia", "lbl:elk", "lbl:formative", "lbl:github", "lbl:gmail", "lbl:google", "lbl:graphite", "lbl:hacker-news", "lbl:homepage", "lbl:hoppscotch", "lbl:ichi.moe", "lbl:instagram", "lbl:invidious", "lbl:invokeai", "lbl:lastfm", "lbl:lemmy", "lbl:libreddit", "lbl:lichess", "lbl:lingva", "lbl:linkedin", "lbl:mastodon", "lbl:modrinth", "lbl:microsoft-word", "lbl:nitter", "lbl:nixos-search", "lbl:nixos.wiki", "lbl:openmediavault", "lbl:paste.rs", "lbl:pinterest", "lbl:planet-minecraft", "lbl:proton", "lbl:quizlet", "lbl:reddit", "lbl:searxng", "lbl:spotify-web", "lbl:startpage", "lbl:skiff", "lbl:stylus", "lbl:substack", "lbl:syncthing", "lbl:tuta", "lbl:twitch", "lbl:vercel", "lbl:whatsapp-web", "lbl:wikiwand", "lbl:youtube"] validations: required: true - type: textarea diff --git a/.github/issue-labeler.yml b/.github/issue-labeler.yml index aed6dfb86e..fd53d4496e 100644 --- a/.github/issue-labeler.yml +++ b/.github/issue-labeler.yml @@ -3,6 +3,8 @@ advent-of-code: - '(lbl:advent-of-code)' anilist: - '(lbl:anilist)' +arch-wiki: + - '(lbl:arch-wiki)' boringproxy: - '(lbl:boringproxy)' brave-search: diff --git a/.github/labels.yml b/.github/labels.yml index b43f84e243..24ea498403 100644 --- a/.github/labels.yml +++ b/.github/labels.yml @@ -5,6 +5,9 @@ - name: anilist description: 'AniList, AniChart' color: '#91d7e3' +- name: arch-wiki + description: Arch Wiki + color: '#8aadf4' - name: boringproxy description: boringproxy color: '#8aadf4' diff --git a/.github/pr-labeler.yml b/.github/pr-labeler.yml index 7a595e7f6f..597f81bd44 100644 --- a/.github/pr-labeler.yml +++ b/.github/pr-labeler.yml @@ -1,6 +1,7 @@ # THIS FILE IS AUTOGENERATED. DO NOT EDIT IT BY HAND. advent-of-code: styles/advent-of-code/**/* anilist: styles/anilist/**/* +arch-wiki: styles/arch-wiki/**/* boringproxy: styles/boringproxy/**/* brave-search: styles/brave-search/**/* bsky: styles/bsky/**/* diff --git a/README.md b/README.md index af61e4daf7..a3324a63df 100644 --- a/README.md +++ b/README.md @@ -106,6 +106,7 @@ See [CONTRIBUTING.md](docs/CONTRIBUTING.md).
🗂️ Productivity +- [Arch Wiki](styles/arch-wiki) - [boringproxy](styles/boringproxy) - [Canvas LMS](styles/canvas-lms) - [ChatGPT](styles/chatgpt) diff --git a/styles/arch-wiki/README.md b/styles/arch-wiki/README.md new file mode 100644 index 0000000000..82fca50f00 --- /dev/null +++ b/styles/arch-wiki/README.md @@ -0,0 +1,57 @@ + + + +

+ Logo
+ + Catppuccin for Arch Wiki + +

+ +

+ + +

+ +

+ +

+ +## Previews + +
+🌻 Latte + +
+
+🪴 Frappé + +
+
+🌺 Macchiato + +
+
+🌿 Mocha + +
+ +## Usage +Make sure to use the default **Light** theme + + +## 💝 Current Maintainer +- [GenShibe](https://github.com/GenShibe) + + +  + +

+ +

+ +

+ Copyright © 2021-present Catppuccin Org +

+ + From bea534cf216ec78346bd95407f069d421083c828 Mon Sep 17 00:00:00 2001 From: Ren Date: Wed, 31 Jan 2024 03:19:23 -0800 Subject: [PATCH 11/11] fix(anilist): lots of things (#484) * fix: lots of things * fix: damn linter --- styles/anilist/catppuccin.user.css | 619 +++++++++++++---------------- 1 file changed, 278 insertions(+), 341 deletions(-) diff --git a/styles/anilist/catppuccin.user.css b/styles/anilist/catppuccin.user.css index afc05debcc..fcfb75715b 100644 --- a/styles/anilist/catppuccin.user.css +++ b/styles/anilist/catppuccin.user.css @@ -2,7 +2,7 @@ @name AniList/AniChart Catppuccin @namespace github.com/catppuccin/userstyles/styles/anilist @homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/anilist -@version 2.1.1 +@version 2.2.0 @description Soothing pastel theme for AniList and AniChart @author Catppuccin @updateURL https://github.com/catppuccin/userstyles/raw/main/styles/anilist/catppuccin.user.css @@ -12,10 +12,10 @@ @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 Color" [ "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" ] -@var select contrastColor "Contrast Color" [ "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" ] +@var select accentColor "Accent Color" [ "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" ] +@var select contrastColor "Contrast Color" [ "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("anilist.co") { +@-moz-document domain("anilist.co"), domain("anichart.net") { body:not(.site-theme-dark) { #catppuccin(@lightFlavor, @accentColor); } @@ -55,25 +55,34 @@ & when (@lookup =latte) { --color-blue-dim: #rgbify(desaturate(lighten(@accent, 10%), 10%)) []; + .nav[data-v-62eacfff], .solid[data-v-62eacfff], .transparent[data-v-62eacfff]:hover { background: darken(@text, 10%); color: @base; } + + .nav-unscoped.transparent { + background: fade(darken(@text, 10%), 50%); + } + + .banner-content .name { + --color-text-bright: #rgbify(#fff) []; + } } /* BASE VARIABLES */ --color-background: #rgbify(@crust) []; --color-foreground: #rgbify(@base) []; --color-foreground-grey: #rgbify(@surface0) []; - --color-foreground-grey-dark: #rgbify(@surface0) []; + --color-foreground-grey-dark: #rgbify(darken(@surface0, 5%)) []; --color-foreground-blue: #rgbify(@mantle) []; --color-foreground-blue-dark: #rgbify(@mantle) []; --color-background-blue-dark: #rgbify(@subtext1) []; - --color-overlay: #rgbify(@crust) []; + --color-overlay: #rgbify(@surface0) []; --color-shadow: #rgbify(@mantle) []; - --color-shadow-dark: #rgbify(@crust) []; + --color-shadow-dark: #rgbify(darken(@text, 10%)) []; --color-shadow-blue: #rgbify(@blue) []; --color-text: #rgbify(@text) []; --color-text-light: #rgbify(@subtext1) []; @@ -142,12 +151,13 @@ --color-background: #rgbify(@crust) []; --color-foreground: #rgbify(@base) []; --color-foreground-grey: #rgbify(@surface0) []; - --color-foreground-grey-dark: #rgbify(@surface0) []; + --color-foreground-grey-dark: #rgbify(darken(@surface0, 5%)) []; --color-foreground-blue: #rgbify(@mantle) []; --color-foreground-blue-dark: #rgbify(@mantle) []; --color-text: #rgbify(@text) []; --color-text-light: #rgbify(@subtext0) []; --color-text-lighter: #rgbify(@subtext1) []; + --color-shadow-dark: #rgbify(@crust) []; --color-shadow-blue: #rgbify(@crust) []; --color-background-1200: #rgbify(@text) []; --color-background-1100: #rgbify(@text) []; @@ -176,10 +186,19 @@ --color-blue-dim: #rgbify(desaturate(darken(@accent, 10%), 10%)) []; } + /* DARK THEME NAV BAR */ .nav-unscoped when not (@lookup =latte) { - background-color: @mantle !important; + background-color: @mantle; } + .nav-unscoped.transparent when not (@lookup =latte) { + background-color: fade(@mantle, 50); + } + .nav-unscoped.transparent:hover when not (@lookup =latte) { + background-color: @mantle; + color: @subtext0; + } + /* -----------------PROFILE FIXES----------------- */ #profileColor(@color) { --color-blue: #rgbify(@color) []; @@ -214,39 +233,76 @@ .user-page-unscoped.gray { #profileColor(@overlay1); } - - /* --------------Tags---------------- */ - .tag { - background: @accent !important; - color: @base !important; + .history-day { + --color-foreground-grey-dark: #rgbify(@crust) []; } - .genre { - color: @base !important; + .x-axis { + --color-background-300: #rgbify(@surface0) []; + } + /* Fixes gap between stats */ + @media (max-width: 1540px) { + .stats-wrap { + grid-row-gap: 25px; + } } /* ----Tracking Status List Stuff---- */ - .list[data-v-5776f768], - .el-icon-arrow-down::before { + .list[data-v-5776f768] { color: @mantle !important; } + .banner .el-icon-arrow-down::before { + color: @text !important; + } + .el-textarea__inner::placeholder { + color: @overlay1; + } .el-dropdown-menu, .el-dropdown-menu__item--divided::before, .el-select-dropdown { - background-color: @base !important; + background-color: @surface0 !important; + } + .el-popper[x-placement^="bottom"] .popper__arrow::after, + .el-popper[x-placement^="bottom"] .popper__arrow, + .el-tooltip__popper[x-placement^="bottom"] .popper__arrow::after, + .el-tooltip__popper[x-placement^="bottom"] .popper__arrow { + border-bottom-color: @surface0; + } + .el-popper[x-placement^="top"] .popper__arrow::after, + .el-popper[x-placement^="top"] .popper__arrow, + .el-tooltip__popper[x-placement^="top"] .popper__arrow, + .el-tooltip__popper[x-placement^="top"] .popper__arrow::after { + border-top-color: @surface0; + } + .el-dropdown .feed-filter { + color: @overlay0; } .el-dropdown-menu { border-color: @text !important; } - .el-dropdown-menu__item:focus, - .el-dropdown-menu__item:not(.is-disabled):hover { - color: @crust !important; - } .el-dropdown-menu__item--divided when not (@lookup =latte) { - border-top-color: rgb(21, 31, 46); + border-top-color: @surface1; } .el-select-dropdown__item.hover, .el-select-dropdown__item:hover { - background-color: @mantle; + background-color: @base; + } + .el-select-dropdown__item.selected { + color: @accent; + } + .el-tooltip__popper.is-dark { + background: @surface0; + color: @text; + } + .tooltip > div { + --color-white: #rgbify(@text) []; + } + .dropdown { + --color-gray-100: #rgbify(@base) []; + --color-background-100: #rgbify(@base) []; + --color-background-200: #rgbify(@mantle) []; + } + .medialist .notes { + --color-overlay: #rgbify(@surface0) []; } /* ---------SCORE TWEAKS-------------- */ @@ -254,13 +310,49 @@ color: @base; } - /* --------------FOOTER (It's hardcoded idk why anilist dumdum)---------- */ + /* --------------FOOTER--------------- */ .footer[data-v-0f519cab] { - background: @crust; - color: @subtext0; + background: @text; + color: @crust; + + h2 { + color: rgb(var(--color-blue)); + } + + & when (@lookup =latte) { + --color-blue: #rgbify(lighten(@accent, 30%)) []; + } + + & when not (@lookup =latte) { + background: @mantle; + color: @subtext0; + } + } + + /* ------------------SEARCH PAGES------------------ */ + .search, + .expand-description, + .studio { + --color-background-200: #rgbify(@crust) []; + } + .search-wrap, + .filters, + .extra-filters-wrap, + .select, + .options { + --color-background-100: #rgbify(@base) []; + } + .filter.select-wrap .options { + --color-background-100: #rgbify(@mantle) []; } /* ------------------MISC EDITS-------------------- */ + .list-editor-wrap .header::after { + background: fade(@mantle, 50%); + } + .filter.clear-all { + --color-background-500: #rgbify(@overlay1) []; + } /* --Reset button in notifications----- */ .reset-btn { color: @base !important; @@ -269,6 +361,85 @@ .save { color: @base !important; } + .el-radio { + color: @overlay1; + } + + /* Accent Text */ + .input .hint { + --color-white: #rgbify(@text) []; + } + .el-checkbox__input.is-checked + .el-checkbox__label { + color: @accent; + } + .button, + .option.active, + .new-badge, + .submissions .user .stats > div, + .actions .icon, + .submissions .status, + .adult-label, + .header .btn, + .media-tag-editor .btn, + [data-v-843c77a2] .btn, + [data-v-22855988] .btn, + .btn[data-v-156b3973], + .btn[data-v-dceb4a66], + .favourite-btn, + .dialog .btn, + .tag, + .filter, + .media .header div, + .list-editor-wrap .header .save-btn, + .actions > div:not(.donator-badge), + .banner-content .mod-badge-wrap, + .external-link.no-color, + .count.circle, + .el-dropdown-menu__item, + .delete, + .list-editor-wrap .list-editor .body .delete-btn, + .open-user-search { + & when not (@lookup =latte) { + --color-white: #rgbify(@crust) []; + } + } + .button.comment, + .settings .button, + .el-message-box .el-button--primary, + .mod-badge-wrap, + .medialist.cards .entry-card .edit { + & when not (@lookup =latte) { + --color-text-bright: #rgbify(@crust) []; + } + } + .submit-btn, + .random-btn { + & when not (@lookup =latte) { + color: @crust; + } + } + .user .notification-dot, + .create-btn { + & when not (@lookup =latte) { + color: @crust !important; + } + } + .el-radio__inner::after { + & when not (@lookup =latte) { + background-color: @crust; + } + } + .icon, + .check { + & when not (@lookup =latte) { + --color-blue-300: #rgbify(@crust) []; + } + } + .settings .button { + & when (@lookup =latte) { + --color-text-bright: #rgbify(#fff) []; + } + } /* ------------IMAGE COVER------------ */ .cover .image-text, .plus-progress { @@ -279,9 +450,9 @@ .medialist.table .entry .edit { color: @base !important; } - /* --------Settings button-------- */ - .settings[data-v-3deab077] .button { - color: @crust; + /* --------SETTINGS-------- */ + .el-radio__inner when not (@lookup =latte) { + background-color: @text; } .el-checkbox__input.is-checked .el-checkbox__inner, .el-radio__input.is-checked .el-radio__inner { @@ -305,9 +476,9 @@ scrollbar-width: none; } /* --------REMOVE DROPDOWN SHADOWS----- */ - .dropdown.dropdown { - box-shadow: none; - } + // .dropdown.dropdown { + // box-shadow: none; + // } /* ---------ANILIST LIKER PLUGIN------ */ #AnilistLikerPlugin .btntop { margin-bottom: -4px; @@ -316,6 +487,79 @@ #AnilistLikerPlugin .btnbottom { margin-top: -2px; } + /* ---------AUTOMAIL TWEAKS--------- */ + // .site-theme-dark .el-popper .el-dropdown-menu__item:focus, + // .el-popper .el-dropdown-menu__item:not(.is-disabled):hover { + // color: @accent !important; + // } + .hohMediaScore { + border-color: @surface0; + padding: 4px; + border-radius: 10px; + margin-left: 0; + background-color: @base; + color: @accent; + } + .activity-feed .hohNoteSuffix:not(:empty), + .activity-feed .hohRewatchSuffix:not(:empty), + .activity-feed .hohScore:not(.hohSmiley) { + padding: 2.5px 5px 1px !important; + color: @subtext1 !important; + background-color: @surface0; + } + .hohExtraFilters button { + margin-bottom: 20px; + } + .filter-group.compare-btn, + .hohButton { + color: @base; + } + .hohButton, + .hohCheckbox input:checked + .el-checkbox__inner { + background-color: @accent; + } + .hohCheckbox input:checked + .el-checkbox__inner { + border-color: @accent; + } + .medialist.table .entry:hover, + .medialist.table .entry .title a:hover, + .compare-btn[data-v-170179fc]:hover { + color: @base; + } + .hohCompare table { + background-color: @crust; + } + .hohAnimeTable, + .hohAnimeTable td, + .hohUserRow td, + .hohUserRow th, + .hohHeaderRow td, + .hohHeaderRow th { + border-color: @surface0 !important; + } + .hohUserRow td { + border-top-color: @surface0 !important; + } + .hohUserRow tr { + border-right-color: @surface0 !important; + } + hr { + color: @surface0; + } + .hohCheckbox + input:checked + + .el-checkbox__inner + .like-wrap.thread + .button.liked + .fa-heart, + .actions .favourite.liked .fa-heart, + .like-wrap.thread .button.isFavourite .fa-heart, + .actions .favourite.isFavourite .fa-heart, + .actions .favourite { + & when not (@lookup =latte) { + --color-white: #rgbify(@crust) []; + } + } } } @@ -357,271 +601,6 @@ @accent: @catppuccin[@@lookup][@@accentColor]; @contrast-color: @catppuccin[@@lookup][@@contrastColor]; - & when (@lookup =latte) { - --color-blue-dim: #rgbify(desaturate(lighten(@accent, 10%), 10%)) []; - .nav[data-v-62eacfff], - .solid[data-v-62eacfff], - .transparent[data-v-62eacfff]:hover { - background: darken(@text, 10%); - color: @base; - } - } - - /* BASE VARIABLES */ - --color-background: #rgbify(@crust) []; - --color-foreground: #rgbify(@base) []; - --color-foreground-grey: #rgbify(@surface0) []; - --color-foreground-grey-dark: #rgbify(@surface0) []; - --color-foreground-blue: #rgbify(@mantle) []; - --color-foreground-blue-dark: #rgbify(@mantle) []; - --color-background-blue-dark: #rgbify(@subtext1) []; - --color-overlay: #rgbify(@crust) []; - --color-shadow: #rgbify(@mantle) []; - --color-shadow-dark: #rgbify(@crust) []; - --color-shadow-blue: #rgbify(@blue) []; - --color-text: #rgbify(@text) []; - --color-text-light: #rgbify(@subtext1) []; - --color-text-lighter: #rgbify(@subtext0) []; - --color-text-bright: #rgbify(@text) []; - --color-blue: #rgbify(@accent) []; - --color-white: 255, 255, 255; - --color-black: 0, 0, 0; - --color-red: #rgbify(@contrast-color) []; - --color-peach: #rgbify(@maroon) []; - --color-orange: #rgbify(@peach) []; - --color-yellow: #rgbify(@yellow) []; - --color-green: #rgbify(@green) []; - --color-background-1200: #rgbify(@text) []; - --color-background-1100: #rgbify(@text) []; - --color-background-1000: #rgbify(@text) []; - --color-background-900: #rgbify(@subtext1) []; - --color-background-800: #rgbify(@subtext0) []; - --color-background-700: #rgbify(@surface1) []; - --color-background-600: #rgbify(@surface0) []; - --color-background-500: #rgbify(@surface0) []; - --color-background-400: #rgbify(@surface0) []; - --color-background-300: #rgbify(@base) []; - --color-background-200: #rgbify(@mantle) []; - --color-background-100: #rgbify(@crust) []; - --color-gray-1200: #rgbify(@text) []; - --color-gray-1100: #rgbify(@text) []; - --color-gray-1000: #rgbify(@text) []; - --color-gray-900: #rgbify(@text) []; - --color-gray-800: #rgbify(@overlay2) []; - --color-gray-700: #rgbify(@overlay1) []; - --color-gray-600: #rgbify(@overlay0) []; - --color-gray-500: #rgbify(@surface2) []; - --color-gray-400: #rgbify(@surface1) []; - --color-gray-300: #rgbify(@surface0) []; - --color-gray-200: #rgbify(@mantle) []; - --color-gray-100: #rgbify(@crust) []; - --color-blue-100: #rgbify(@text) []; - --color-blue-200: #rgbify(@text) []; - --color-blue-300: #rgbify(@text) []; - --color-blue-400: #rgbify(@sapphire) []; - --color-blue-500: #rgbify(@sapphire) []; - --color-blue-600: #rgbify(@blue) []; - --color-blue-700: #rgbify(@blue) []; - --color-blue-800: #rgbify(@blue) []; - --color-blue-900: #rgbify(@blue) []; - --color-blue-1000: #rgbify(@blue) []; - --color-green-100: #rgbify(@teal) []; - --color-green-200: #rgbify(@green) []; - --color-green-300: #rgbify(@green) []; - --color-green-400: #rgbify(@green) []; - --color-green-500: #rgbify(@green) []; - --color-green-600: #rgbify(@green) []; - --color-green-700: #rgbify(@green) []; - --color-green-800: #rgbify(@green) []; - --color-red-100: #rgbify(@text) []; - --color-red-200: #rgbify(@flamingo) []; - --color-red-300: #rgbify(@maroon) []; - --color-red-400: #rgbify(@red) []; - --color-red-500: #rgbify(@red) []; - --color-red-600: #rgbify(@red) []; - --color-red-700: #rgbify(@red) []; - - /* DARK THEME SPECIFIC TWEAKS */ - & when not (@lookup =latte) { - --color-background: #rgbify(@crust) []; - --color-foreground: #rgbify(@base) []; - --color-foreground-grey: #rgbify(@surface0) []; - --color-foreground-grey-dark: #rgbify(@surface0) []; - --color-foreground-blue: #rgbify(@mantle) []; - --color-foreground-blue-dark: #rgbify(@mantle) []; - --color-text: #rgbify(@text) []; - --color-text-light: #rgbify(@subtext0) []; - --color-text-lighter: #rgbify(@subtext1) []; - --color-shadow-blue: #rgbify(@crust) []; - --color-background-1200: #rgbify(@text) []; - --color-background-1100: #rgbify(@text) []; - --color-background-1000: #rgbify(@text) []; - --color-background-900: #rgbify(@subtext1) []; - --color-background-800: #rgbify(@subtext0) []; - --color-background-700: #rgbify(@surface1) []; - --color-background-600: #rgbify(@surface0) []; - --color-background-500: #rgbify(@surface0) []; - --color-background-400: #rgbify(@surface0) []; - --color-background-300: #rgbify(@base) []; - --color-background-200: #rgbify(@mantle) []; - --color-background-100: #rgbify(@crust) []; - --color-gray-1200: #rgbify(@text) []; - --color-gray-1100: #rgbify(@text) []; - --color-gray-1000: #rgbify(@text) []; - --color-gray-900: #rgbify(@text) []; - --color-gray-800: #rgbify(@overlay2) []; - --color-gray-700: #rgbify(@overlay1) []; - --color-gray-600: #rgbify(@overlay0) []; - --color-gray-500: #rgbify(@surface2) []; - --color-gray-400: #rgbify(@surface1) []; - --color-gray-300: #rgbify(@surface0) []; - --color-gray-200: #rgbify(@mantle) []; - --color-gray-100: #rgbify(@crust) []; - - --color-blue-dim: #rgbify(desaturate(darken(@accent, 10%), 10%)) []; - } - - /* DARK THEME NAV BAR */ - .nav-unscoped when not (@lookup =latte) { - background-color: @mantle !important; - } - /* -----------------PROFILE FIXES----------------- */ - #profileColor(@color) { - --color-blue: #rgbify(@color) []; - & when (@lookup =latte) { - --color-blue-dim: #rgbify(lighten(@color, 10%)) []; - } - & when not (@lookup =latte) { - --color-blue-dim: #rgbify(darken(@color, 10%)) []; - } - .progress .bar { - background: linear-gradient(270deg, darken(@color, 10%), @color); - } - } - .user-page-unscoped.orange { - #profileColor(@peach); - } - .user-page-unscoped.green { - #profileColor(@green); - } - .user-page-unscoped.purple { - #profileColor(@mauve); - } - .user-page-unscoped.red { - #profileColor(@red); - } - .user-page-unscoped.blue { - #profileColor(@blue); - } - .user-page-unscoped.pink { - #profileColor(@pink); - } - .user-page-unscoped.gray { - #profileColor(@overlay1); - } - - /* --------------Tags---------------- */ - .tag { - background: @accent !important; - color: @base !important; - } - .genre { - color: @base !important; - } - - /* ----Tracking Status List Stuff---- */ - .list[data-v-5776f768], - .el-icon-arrow-down::before { - color: @mantle !important; - } - .el-dropdown-menu, - .el-dropdown-menu__item--divided::before, - .el-select-dropdown { - background-color: @base !important; - } - .el-dropdown-menu { - border-color: @text !important; - } - .el-dropdown-menu__item:focus, - .el-dropdown-menu__item:not(.is-disabled):hover { - color: @crust !important; - } - .el-dropdown-menu__item--divided when not (@lookup =latte) { - border-top-color: rgb(21, 31, 46); - } - .el-select-dropdown__item.hover, - .el-select-dropdown__item:hover { - background-color: @mantle; - } - - /* ---------SCORE TWEAKS-------------- */ - .score[data-v-5ca094da] { - color: @base; - } - - /* --------------FOOTER (It's hardcoded idk why anilist dumdum)---------- */ - .footer[data-v-0f519cab] { - background: @crust; - color: @subtext0; - } - - /* ------------------MISC EDITS-------------------- */ - /* --Reset button in notifications----- */ - .reset-btn { - color: @base !important; - } - /* Publish Button in Replies and Messages */ - .save { - color: @base !important; - } - /* ------------IMAGE COVER------------ */ - .cover .image-text, - .plus-progress { - color: @text !important; - } - - .entry .plus-progress, - .medialist.table .entry .edit { - color: @base !important; - } - /* --------Settings button-------- */ - .settings[data-v-3deab077] .button { - color: @crust; - } - .el-checkbox__input.is-checked .el-checkbox__inner, - .el-radio__input.is-checked .el-radio__inner { - background-color: @accent; - border-color: @accent; - } - .el-checkbox__inner::after { - border-color: @crust; - border-width: 2px; - left: 3px; - } - .el-radio__input.is-checked + .el-radio__label { - color: @accent; - } - /* --------HIDE SCROLLBAR IN BIO----- */ - .section::-webkit-scrollbar { - display: none; - } - .section { - -ms-overflow-style: none; - scrollbar-width: none; - } - /* --------REMOVE DROPDOWN SHADOWS----- */ - .dropdown.dropdown { - box-shadow: none; - } - /* ---------ANILIST LIKER PLUGIN------ */ - #AnilistLikerPlugin .btntop { - margin-bottom: -4px; - margin-top: 5px; - } - #AnilistLikerPlugin .btnbottom { - margin-top: -2px; - } - /* --------ANICHART SPECIFIC TWEAKS---- */ .login[data-v-0d5bfbcd], .login[data-v-0d5bfbcd]:hover { @@ -647,48 +626,6 @@ .settings[data-v-3deab077] .button.danger { color: @base; } - /* AUTOMAIL TWEAK */ - .site-theme-dark .el-popper .el-dropdown-menu__item:focus, - .el-popper .el-dropdown-menu__item:not(.is-disabled):hover { - color: @accent !important; - } - .hohMediaScore { - border-color: @surface0; - padding: 4px; - border-radius: 10px; - margin-left: 0; - background-color: @base; - color: @accent; - } - .filter-group.compare-btn, - .hohButton { - color: @base; - } - .hohButton { - background-color: @accent; - } - .medialist.table .entry:hover, - .medialist.table .entry .title a:hover, - .compare-btn[data-v-170179fc]:hover { - color: @base; - } - .hohCompare table { - background-color: @crust; - } - .hohAnimeTable, - .hohAnimeTable td, - .hohUserRow td, - .hohUserRow th, - .hohHeaderRow td, - .hohHeaderRow th { - border-color: @surface0 !important; - } - .hohUserRow td { - border-top-color: @surface0 !important; - } - .hohUserRow tr { - border-right-color: @surface0 !important; - } } }