From f2dac258bed040f411194f914dbb833f35a63ee0 Mon Sep 17 00:00:00 2001 From: coopw <48886919+coopw1@users.noreply.github.com> Date: Sun, 19 Nov 2023 22:51:15 -0500 Subject: [PATCH 01/32] Create catppuccin.user.css WIP, looking pretty good tho! --- styles/lichess/catppuccin.user.css | 235 +++++++++++++++++++++++++++++ 1 file changed, 235 insertions(+) create mode 100644 styles/lichess/catppuccin.user.css diff --git a/styles/lichess/catppuccin.user.css b/styles/lichess/catppuccin.user.css new file mode 100644 index 0000000000..4e03da6370 --- /dev/null +++ b/styles/lichess/catppuccin.user.css @@ -0,0 +1,235 @@ + /* ==UserStyle== +@name lichess Catppuccin +@namespace github.com/catppuccin/userstyles/styles/lichess +@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/lichess +@version 0.0.1 +@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/lichess/catppuccin.user.css +@description Soothing pastel theme for lichess +@author Catppuccin +@license MIT + +@preprocessor less +@var select flavor "Flavor" ["latte:Latte", "frappe:Frappé", "macchiato:Macchiato", "mocha:Mocha*"] +@var select accentColor "Accent" ["rosewater:Rosewater*", "flamingo:Flamingo", "pink:Pink", "mauve:Mauve", "red:Red", "maroon:Maroon", "peach:Peach", "yellow:Yellow", "green:Green", "teal:Teal", "blue:Blue", "sapphire:Sapphire", "sky:Sky", "lavender:Lavender", "subtext0:Gray"] +==/UserStyle== */ +@-moz-document url-prefix("https://lichess.org/") +{ + :root { + #catppuccin(@flavor, @accentColor); + } + + /* 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; }; + } + + /* Userstyle as Mixin + * This takes the following Parameters: + * @lookup – which is the desired Flavor + * @accent – which is the desired Accent Color */ + #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]; + + /* Main background*/ + html, + body { + background: @base linear-gradient(to bottom, @crust, @base 116px) no-repeat; + color: @text !important; + } + + /* lichess button */ + .site-title a { + color: @accent-color; + } + + /* Topbar */ + #topnav.hover section:hover>a, #topnav section:active>a, + #topnav div { + background: @crust; + } + #topnav section>a { + color: @subtext0; + } + #topnav.hover section:hover>a, #topnav section:active>a, + #topnav div a{ + color: @text; + } + #topnav.hover section:hover>a, #topnav section:active>a, + #topnav div { + border-left-color: @accent-color; + } + + /* Popup skining */ + dialog { + background: @crust; + } + .game-setup .optional-config, .game-setup .ratings { + background: @base; + } + .game-setup group.radio input:checked+label { + background: @green; + } + + + /* Text */ + .site-buttons .link, + .button, + .input, + .optgroup, + .select, + .textarea, + .lobby__box td.name a, + .lobby__box__top .title, + .lobby__box .user-link, + .mini-game, .mini-game:hover, + .text, + .ublog-post-card__title, + .lobby__counters a, + .lobby__streams .stream, + .lobby__timeline .entry a, .lobby__about a, .lobby__timeline, .lobby__streams .stream, .lobby__counters, .tabs-horiz, + .lobby__streams .more, .lobby__timeline .more, + .dialog-content, + button, input, optgroup, select, textarea{ + color: @subtext0; + } + .site-buttons .link:hover, + .button.button-metal:hover, + group.radio input:checked+label { + color: @text; + } + .site-title-nav__donate, + .lobby__streams .stream.highlight strong, + .utitle, + .lobby__support__text, + .lobby__support i::before{ + color: @peach; + } + .mini-game__clock.clock--run, + .tabs-horiz span.active { + color: @red; + } + .tabs-horiz span.active, .tabs-horiz span:hover { + border-color: @red; + } + a { + color: @blue + } + /* Links */ + .lobby__timeline .entry:hover a, + a:hover, a:active, a:focus, + { + color: @accent-color; + } + + + /* Homepage cards */ + .lobby__app__content, + .box { + background-color: @mantle; + } + .hook__filters { + background-color: ~'@{mantle}7F'; /* Using 8 digit hex codes to replace argb */ + } + .lobby__support a { + background: @crust; + } + .lobby__support a:hover { + background: @peach; + } + .lobby__box__top, #hook .opponent, + .lobby__box__content, + .ublog-post-card, + .button { + background: @mantle; + } + + /* Non-main page sidebar nav colors */ + .subnav a.active { + color: @red; + } + .subnav a.active::after, .subnav a:hover::after { + background: @red; + } + + /* Blog cards */ + .blog-cards>a { + background: @crust + } + + /* Hover on main game selection */ + .lpools>div:hover { + background-color: ~'@{accent-color}33'; /* Using 8 digit hex codes to replace argb */ + } + + + /* Learn tab */ + .learn-stages .stage.done { + background: @green; + } + .learn-stages .stage.ongoing, + .learn__side-home { + background: @blue; + } + .learn-stages .stage.future { + background: @red; + } + + /* Chess Game */ + .brown .is2d cg-board { + background-image: url("https://media.githubusercontent.com/media/catppuccin/userstyles/main/styles/chess.com/assets/@{lookup}/@{accent}.png") !important; + } + .orientation-white .files coord:nth-child(2n+1), .orientation-white .ranks coord:nth-child(2n), .orientation-black .files coord:nth-child(2n), .orientation-black .ranks coord:nth-child(2n+1) { + + } + square.move-dest { + background: radial-gradient(~'@{accent-color}7F' 19%, rgba(0, 0, 0, 0) 20%); + } + square.selected { + background: ~'@{accent-color}7F' + } + square.last-move { + background: ~'@{accent-color}68' + } + + + /* @media (prefers-color-scheme: light) { + .no-theme { + #catppuccin(@lightFlavor, @accentColor); + } + } + @media (prefers-color-scheme: dark) { + .no-theme { + #catppuccin(@darkFlavor, @accentColor); + } + }*/ + } + } From a9017905a6d8686189fb4531ed18103f3be1d161 Mon Sep 17 00:00:00 2001 From: coopw1 Date: Sun, 19 Nov 2023 22:58:42 -0500 Subject: [PATCH 02/32] added mocha board --- styles/lichess/assets/boards/mocha.png | 3 +++ 1 file changed, 3 insertions(+) create mode 100644 styles/lichess/assets/boards/mocha.png diff --git a/styles/lichess/assets/boards/mocha.png b/styles/lichess/assets/boards/mocha.png new file mode 100644 index 0000000000..bd6f335918 --- /dev/null +++ b/styles/lichess/assets/boards/mocha.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:505ee4f636e8294f7cc4d4576cdf7ef40d4e8608f0e7f9e6cf483902214deaff +size 551 From 7c605c5434657c15577fa425fa2512c3562c2a1f Mon Sep 17 00:00:00 2001 From: coopw1 Date: Sun, 19 Nov 2023 23:18:30 -0500 Subject: [PATCH 03/32] added all boards, replace mocha.png with mocha.svg --- styles/lichess/assets/boards/frappe.svg | 91 ++++++++++++++++++++++ styles/lichess/assets/boards/latte.svg | 91 ++++++++++++++++++++++ styles/lichess/assets/boards/macchiato.svg | 91 ++++++++++++++++++++++ styles/lichess/assets/boards/mocha.png | 3 - styles/lichess/assets/boards/mocha.svg | 91 ++++++++++++++++++++++ 5 files changed, 364 insertions(+), 3 deletions(-) create mode 100644 styles/lichess/assets/boards/frappe.svg create mode 100644 styles/lichess/assets/boards/latte.svg create mode 100644 styles/lichess/assets/boards/macchiato.svg delete mode 100644 styles/lichess/assets/boards/mocha.png create mode 100644 styles/lichess/assets/boards/mocha.svg diff --git a/styles/lichess/assets/boards/frappe.svg b/styles/lichess/assets/boards/frappe.svg new file mode 100644 index 0000000000..5dac9a37f3 --- /dev/null +++ b/styles/lichess/assets/boards/frappe.svg @@ -0,0 +1,91 @@ + + + + + + + + + + + + + + + + + + + + + diff --git a/styles/lichess/assets/boards/latte.svg b/styles/lichess/assets/boards/latte.svg new file mode 100644 index 0000000000..2fdfab18b2 --- /dev/null +++ b/styles/lichess/assets/boards/latte.svg @@ -0,0 +1,91 @@ + + + + + + + + + + + + + + + + + + + + + diff --git a/styles/lichess/assets/boards/macchiato.svg b/styles/lichess/assets/boards/macchiato.svg new file mode 100644 index 0000000000..fe4d94d437 --- /dev/null +++ b/styles/lichess/assets/boards/macchiato.svg @@ -0,0 +1,91 @@ + + + + + + + + + + + + + + + + + + + + + diff --git a/styles/lichess/assets/boards/mocha.png b/styles/lichess/assets/boards/mocha.png deleted file mode 100644 index bd6f335918..0000000000 --- a/styles/lichess/assets/boards/mocha.png +++ /dev/null @@ -1,3 +0,0 @@ -version https://git-lfs.github.com/spec/v1 -oid sha256:505ee4f636e8294f7cc4d4576cdf7ef40d4e8608f0e7f9e6cf483902214deaff -size 551 diff --git a/styles/lichess/assets/boards/mocha.svg b/styles/lichess/assets/boards/mocha.svg new file mode 100644 index 0000000000..7465b7631d --- /dev/null +++ b/styles/lichess/assets/boards/mocha.svg @@ -0,0 +1,91 @@ + + + + + + + + + + + + + + + + + + + + + From 72885bc98ffa3fafee542b7bd1a20d74ff7187b3 Mon Sep 17 00:00:00 2001 From: coopw1 Date: Mon, 20 Nov 2023 00:38:45 -0500 Subject: [PATCH 04/32] redid all images --- styles/lichess/assets/catwalk.webp | 3 +++ styles/lichess/assets/frappe.webp | 3 +++ styles/lichess/assets/latte.webp | 3 +++ styles/lichess/assets/macchiato.webp | 3 +++ styles/lichess/assets/mocha.webp | 3 +++ 5 files changed, 15 insertions(+) create mode 100644 styles/lichess/assets/catwalk.webp create mode 100644 styles/lichess/assets/frappe.webp create mode 100644 styles/lichess/assets/latte.webp create mode 100644 styles/lichess/assets/macchiato.webp create mode 100644 styles/lichess/assets/mocha.webp diff --git a/styles/lichess/assets/catwalk.webp b/styles/lichess/assets/catwalk.webp new file mode 100644 index 0000000000..563f56841a --- /dev/null +++ b/styles/lichess/assets/catwalk.webp @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:f49cecaee30d7678ebbaa4057c5b4cb20e1a0a8c721e459328300e57c75ca0b6 +size 261496 diff --git a/styles/lichess/assets/frappe.webp b/styles/lichess/assets/frappe.webp new file mode 100644 index 0000000000..6249dd54bd --- /dev/null +++ b/styles/lichess/assets/frappe.webp @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:8b5a6b2380e9231dc9a7d7215a9a0cb710ba9fcd1a18d957fddc33d93e2ff038 +size 239310 diff --git a/styles/lichess/assets/latte.webp b/styles/lichess/assets/latte.webp new file mode 100644 index 0000000000..5301fb04d1 --- /dev/null +++ b/styles/lichess/assets/latte.webp @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:af080506ef19c6a2519011f0a63034c25f50805421989b1e902eae0f67b296b8 +size 244402 diff --git a/styles/lichess/assets/macchiato.webp b/styles/lichess/assets/macchiato.webp new file mode 100644 index 0000000000..8415983fc9 --- /dev/null +++ b/styles/lichess/assets/macchiato.webp @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:8467d412bbd6ebad160912f6ea61a93fa0414fb037a02e0f968980caa07adb1e +size 236746 diff --git a/styles/lichess/assets/mocha.webp b/styles/lichess/assets/mocha.webp new file mode 100644 index 0000000000..360c308753 --- /dev/null +++ b/styles/lichess/assets/mocha.webp @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:72678ea3aef79cf7eb741faf4afd7e9b777e562ece6db6e15f3c7f82d2cbe9e2 +size 232868 From 7c12f4f7da3609c584d5fe16e4b67b1ebf17a3a2 Mon Sep 17 00:00:00 2001 From: coopw <48886919+coopw1@users.noreply.github.com> Date: Mon, 20 Nov 2023 00:41:17 -0500 Subject: [PATCH 05/32] Completed catppuccin.user.css Pretty much everything skinned! --- styles/lichess/catppuccin.user.css | 139 +++++++++++++++++++++++------ 1 file changed, 113 insertions(+), 26 deletions(-) diff --git a/styles/lichess/catppuccin.user.css b/styles/lichess/catppuccin.user.css index 4e03da6370..d367ffa2a3 100644 --- a/styles/lichess/catppuccin.user.css +++ b/styles/lichess/catppuccin.user.css @@ -1,4 +1,4 @@ - /* ==UserStyle== +/* ==UserStyle== @name lichess Catppuccin @namespace github.com/catppuccin/userstyles/styles/lichess @homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/lichess @@ -26,10 +26,6 @@ @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; }; } - /* Userstyle as Mixin - * This takes the following Parameters: - * @lookup – which is the desired Flavor - * @accent – which is the desired Accent Color */ #catppuccin(@lookup, @accent) { @rosewater: @catppuccin[@@lookup][@rosewater]; @flamingo: @catppuccin[@@lookup][@flamingo]; @@ -73,20 +69,35 @@ /* Topbar */ #topnav.hover section:hover>a, #topnav section:active>a, - #topnav div { + #topnav div, + .site-buttons .shown .toggle, + .site-buttons .dropdown { background: @crust; } #topnav section>a { color: @subtext0; } #topnav.hover section:hover>a, #topnav section:active>a, - #topnav div a{ + #topnav div a, + #dasher_app .selector button, #dasher_app .head, #dasher_app .piece .no-square, #dasher_app .theme .list button, #dasher_app .links a, #dasher_app .links button, #dasher_app .subs .sub, + .site-buttons .dropdown a, .site-buttons .dropdown button { color: @text; } #topnav.hover section:hover>a, #topnav section:active>a, #topnav div { border-left-color: @accent-color; } + signal>i { + background-color: @green; + } + #dasher_app .sub::before, + .is-green::before{ + color: @green; + } + #challenge-app .empty{ + background: @crust; + } + #dasher_app .links a:hover, #dasher_app .links a:hover::before, #dasher_app .links button:hover, #dasher_app .subs .sub:hover /* Popup skining */ dialog { @@ -99,7 +110,6 @@ background: @green; } - /* Text */ .site-buttons .link, .button, @@ -150,7 +160,6 @@ color: @accent-color; } - /* Homepage cards */ .lobby__app__content, .box { @@ -168,8 +177,12 @@ .lobby__box__top, #hook .opponent, .lobby__box__content, .ublog-post-card, - .button { - background: @mantle; + .button, + .tour-spotlight { + background: @mantle !important; + } + .unread { + background: @red; } /* Non-main page sidebar nav colors */ @@ -190,7 +203,6 @@ background-color: ~'@{accent-color}33'; /* Using 8 digit hex codes to replace argb */ } - /* Learn tab */ .learn-stages .stage.done { background: @green; @@ -205,31 +217,106 @@ /* Chess Game */ .brown .is2d cg-board { - background-image: url("https://media.githubusercontent.com/media/catppuccin/userstyles/main/styles/chess.com/assets/@{lookup}/@{accent}.png") !important; + background-image: url("https://raw.githubusercontent.com/coopw1/userstyles/7c605c5434657c15577fa425fa2512c3562c2a1f/styles/lichess/assets/boards/@{lookup}.svg") !important; } .orientation-white .files coord:nth-child(2n+1), .orientation-white .ranks coord:nth-child(2n), .orientation-black .files coord:nth-child(2n), .orientation-black .ranks coord:nth-child(2n+1) { - + color: @base; + } + .orientation-white .files coord:nth-child(2n), .orientation-white .ranks coord:nth-child(2n+1), .orientation-black .files coord:nth-child(2n+1), .orientation-black .ranks coord:nth-child(2n) { + color: @crust; } square.move-dest { background: radial-gradient(~'@{accent-color}7F' 19%, rgba(0, 0, 0, 0) 20%); } square.selected { - background: ~'@{accent-color}7F' + background: ~'@{accent-color}7F'; } square.last-move { - background: ~'@{accent-color}68' + background: ~'@{accent-color}68'; + } + .rclock .time { + background: @mantle; + color: @text; + } + .rclock.running .time { + background: #384722; /* putting it back to default so that the time on the clock is readable */ + } + .rclock .bar { + background: @accent-color; + } + + /* Game Cards */ + .game__meta, + .round__app__table { + background: @crust; + } + rm6 { + background: @mantle; + } + rm6 .buttons, + rm6 i5z{ + background: @base; } - - /* @media (prefers-color-scheme: light) { - .no-theme { - #catppuccin(@lightFlavor, @accentColor); + /* Messages */ + .msg-app__convo__head, + .msg-app__side__search, + .msg-app__convo__reply{ + background: @crust; + } + .msg-app__side { + background: @mantle; + } + .msg-app__side__search input, + .msg-app__convo__post__text { + background: @base; + } + .msg-app__side__contact__name { + color: @text; + } + .msg-app__side__contact__msg, + .msg-app__side__contact__date time { + color: @subtext0; + } + + /* User dropdown */ + #powerTip, #miniGame, #miniBoard { + background: @crust; + } + .btn-rack__btn, .btn-rack form, #friend_box .friend_box_title, .button.button-metal, .button.button-empty:not(.disabled):hover, .button.button-empty.button-green:not(.disabled):hover, .button.button-empty.button-red:not(.disabled):hover { + background: @base; + } + + /* User Page */ + .user-show__header, + .user-show__social, + .user-show .angles, .cmn-toggle:hover:not(:disabled)+label::after, .cmn-toggle+label::after, .crosstable povs:hover, .crosstable__users, .crosstable__score, + .game-row:nth-child(odd), + .number-menu--tabs .nm-item.active { + background: @crust; + } + .number-menu--tabs .nm-item.active, + .user-show .number-menu .to-games.active, .user-show #games.number-menu{ + background: @mantle !important; + } + + /* Analysis page */ + .analyse__clock, #analyse-cm .title, .explorer__config .choices button, .mselect__label, .cmn-toggle:hover:not(:disabled) + label::after, .cmn-toggle + label::after, .crosstable povs:hover, .crosstable__users, .crosstable__score, + .mselect__list, + .analyse__tools .comp-off__hint, .ceval { + background: @crust; + } + .analyse__tools, + .copyable, + .pv_box, + #ceval-settings { + background: @mantle; + } + .ceval .settings-gear.active { + background-color: @accent-color; + } + #ceval-settings { + border-top-color: @accent-color; } - } - @media (prefers-color-scheme: dark) { - .no-theme { - #catppuccin(@darkFlavor, @accentColor); - } - }*/ } } From 4f56ee1d73461465d08b82212fd64e98701fbd39 Mon Sep 17 00:00:00 2001 From: coopw <48886919+coopw1@users.noreply.github.com> Date: Mon, 20 Nov 2023 00:50:32 -0500 Subject: [PATCH 06/32] Update userstyles.yml Added lichess.org --- scripts/userstyles.yml | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/scripts/userstyles.yml b/scripts/userstyles.yml index 179a68a3d5..663855044c 100644 --- a/scripts/userstyles.yml +++ b/scripts/userstyles.yml @@ -292,6 +292,14 @@ userstyles: app-link: "https://github.com/libreddit/libreddit" current-maintainers: [*isabelroses] past-maintainers: [*andreasgrafen] + lichess.org: + name: lichess.org + category: game + color: sapphire + readme: + usage: "Switch to a default lichess.org light/dark theme via **Username** > **Background** for the best experience!" + app-link: "https://lichess.org/" + current-maintainers: [*coopw1] linkedin: name: LinkedIn category: social From 8aae4eff38678954198f3ef11ba71a00f8468035 Mon Sep 17 00:00:00 2001 From: coopw1 Date: Mon, 20 Nov 2023 01:00:35 -0500 Subject: [PATCH 07/32] Moving to lichess.org --- .../{lichess => lichess.org}/assets/boards/frappe.svg | 0 .../{lichess => lichess.org}/assets/boards/latte.svg | 0 .../assets/boards/macchiato.svg | 0 .../{lichess => lichess.org}/assets/boards/mocha.svg | 0 styles/{lichess => lichess.org}/assets/catwalk.webp | 0 styles/{lichess => lichess.org}/assets/frappe.webp | 0 styles/{lichess => lichess.org}/assets/latte.webp | 0 styles/{lichess => lichess.org}/assets/macchiato.webp | 0 styles/{lichess => lichess.org}/assets/mocha.webp | 0 styles/{lichess => lichess.org}/catppuccin.user.css | 10 +++++----- 10 files changed, 5 insertions(+), 5 deletions(-) rename styles/{lichess => lichess.org}/assets/boards/frappe.svg (100%) rename styles/{lichess => lichess.org}/assets/boards/latte.svg (100%) rename styles/{lichess => lichess.org}/assets/boards/macchiato.svg (100%) rename styles/{lichess => lichess.org}/assets/boards/mocha.svg (100%) rename styles/{lichess => lichess.org}/assets/catwalk.webp (100%) rename styles/{lichess => lichess.org}/assets/frappe.webp (100%) rename styles/{lichess => lichess.org}/assets/latte.webp (100%) rename styles/{lichess => lichess.org}/assets/macchiato.webp (100%) rename styles/{lichess => lichess.org}/assets/mocha.webp (100%) rename styles/{lichess => lichess.org}/catppuccin.user.css (98%) diff --git a/styles/lichess/assets/boards/frappe.svg b/styles/lichess.org/assets/boards/frappe.svg similarity index 100% rename from styles/lichess/assets/boards/frappe.svg rename to styles/lichess.org/assets/boards/frappe.svg diff --git a/styles/lichess/assets/boards/latte.svg b/styles/lichess.org/assets/boards/latte.svg similarity index 100% rename from styles/lichess/assets/boards/latte.svg rename to styles/lichess.org/assets/boards/latte.svg diff --git a/styles/lichess/assets/boards/macchiato.svg b/styles/lichess.org/assets/boards/macchiato.svg similarity index 100% rename from styles/lichess/assets/boards/macchiato.svg rename to styles/lichess.org/assets/boards/macchiato.svg diff --git a/styles/lichess/assets/boards/mocha.svg b/styles/lichess.org/assets/boards/mocha.svg similarity index 100% rename from styles/lichess/assets/boards/mocha.svg rename to styles/lichess.org/assets/boards/mocha.svg diff --git a/styles/lichess/assets/catwalk.webp b/styles/lichess.org/assets/catwalk.webp similarity index 100% rename from styles/lichess/assets/catwalk.webp rename to styles/lichess.org/assets/catwalk.webp diff --git a/styles/lichess/assets/frappe.webp b/styles/lichess.org/assets/frappe.webp similarity index 100% rename from styles/lichess/assets/frappe.webp rename to styles/lichess.org/assets/frappe.webp diff --git a/styles/lichess/assets/latte.webp b/styles/lichess.org/assets/latte.webp similarity index 100% rename from styles/lichess/assets/latte.webp rename to styles/lichess.org/assets/latte.webp diff --git a/styles/lichess/assets/macchiato.webp b/styles/lichess.org/assets/macchiato.webp similarity index 100% rename from styles/lichess/assets/macchiato.webp rename to styles/lichess.org/assets/macchiato.webp diff --git a/styles/lichess/assets/mocha.webp b/styles/lichess.org/assets/mocha.webp similarity index 100% rename from styles/lichess/assets/mocha.webp rename to styles/lichess.org/assets/mocha.webp diff --git a/styles/lichess/catppuccin.user.css b/styles/lichess.org/catppuccin.user.css similarity index 98% rename from styles/lichess/catppuccin.user.css rename to styles/lichess.org/catppuccin.user.css index d367ffa2a3..aee398343a 100644 --- a/styles/lichess/catppuccin.user.css +++ b/styles/lichess.org/catppuccin.user.css @@ -1,10 +1,10 @@ /* ==UserStyle== -@name lichess Catppuccin -@namespace github.com/catppuccin/userstyles/styles/lichess -@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/lichess +@name lichess.org Catppuccin +@namespace github.com/catppuccin/userstyles/styles/lichess.org +@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/lichess.org @version 0.0.1 -@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/lichess/catppuccin.user.css -@description Soothing pastel theme for lichess +@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/lichess.org/catppuccin.user.css +@description Soothing pastel theme for lichess.org @author Catppuccin @license MIT From 1f067c59f65dacbb9509f749515129f126ec96a7 Mon Sep 17 00:00:00 2001 From: coopw <48886919+coopw1@users.noreply.github.com> Date: Mon, 20 Nov 2023 01:32:21 -0500 Subject: [PATCH 08/32] Update styles/lichess.org/catppuccin.user.css Co-authored-by: uncenter <47499684+uncenter@users.noreply.github.com> --- styles/lichess.org/catppuccin.user.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/styles/lichess.org/catppuccin.user.css b/styles/lichess.org/catppuccin.user.css index aee398343a..275d88388c 100644 --- a/styles/lichess.org/catppuccin.user.css +++ b/styles/lichess.org/catppuccin.user.css @@ -12,7 +12,7 @@ @var select flavor "Flavor" ["latte:Latte", "frappe:Frappé", "macchiato:Macchiato", "mocha:Mocha*"] @var select accentColor "Accent" ["rosewater:Rosewater*", "flamingo:Flamingo", "pink:Pink", "mauve:Mauve", "red:Red", "maroon:Maroon", "peach:Peach", "yellow:Yellow", "green:Green", "teal:Teal", "blue:Blue", "sapphire:Sapphire", "sky:Sky", "lavender:Lavender", "subtext0:Gray"] ==/UserStyle== */ -@-moz-document url-prefix("https://lichess.org/") +@-moz-document domain("lichess.org") { :root { #catppuccin(@flavor, @accentColor); From b798c49e3b3de6dfc9bd0e1df188d841cb353df2 Mon Sep 17 00:00:00 2001 From: coopw <48886919+coopw1@users.noreply.github.com> Date: Mon, 20 Nov 2023 01:40:53 -0500 Subject: [PATCH 09/32] Update catppuccin.user.css Fixing some formating --- styles/lichess.org/catppuccin.user.css | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/styles/lichess.org/catppuccin.user.css b/styles/lichess.org/catppuccin.user.css index 275d88388c..535c1a1662 100644 --- a/styles/lichess.org/catppuccin.user.css +++ b/styles/lichess.org/catppuccin.user.css @@ -55,7 +55,7 @@ @crust: @catppuccin[@@lookup][@crust]; @accent-color: @catppuccin[@@lookup][@@accent]; - /* Main background*/ + /* Main background */ html, body { background: @base linear-gradient(to bottom, @crust, @base 116px) no-repeat; @@ -125,7 +125,10 @@ .ublog-post-card__title, .lobby__counters a, .lobby__streams .stream, - .lobby__timeline .entry a, .lobby__about a, .lobby__timeline, .lobby__streams .stream, .lobby__counters, .tabs-horiz, + .lobby__timeline .entry a, + .lobby__about a, + .lobby__timeline, + .lobby__counters, .tabs-horiz, .lobby__streams .more, .lobby__timeline .more, .dialog-content, button, input, optgroup, select, textarea{ From 04b861f4771d2fc5ea627d426afcb7b9050df4da Mon Sep 17 00:00:00 2001 From: coopw1 Date: Mon, 20 Nov 2023 01:46:45 -0500 Subject: [PATCH 10/32] Going back to lichess from lichess.org --- scripts/userstyles.yml | 6 +++--- .../{lichess.org => lichess}/assets/boards/frappe.svg | 0 .../{lichess.org => lichess}/assets/boards/latte.svg | 0 .../assets/boards/macchiato.svg | 0 .../{lichess.org => lichess}/assets/boards/mocha.svg | 0 styles/{lichess.org => lichess}/assets/catwalk.webp | 0 styles/{lichess.org => lichess}/assets/frappe.webp | 0 styles/{lichess.org => lichess}/assets/latte.webp | 0 styles/{lichess.org => lichess}/assets/macchiato.webp | 0 styles/{lichess.org => lichess}/assets/mocha.webp | 0 styles/{lichess.org => lichess}/catppuccin.user.css | 10 +++++----- 11 files changed, 8 insertions(+), 8 deletions(-) rename styles/{lichess.org => lichess}/assets/boards/frappe.svg (100%) rename styles/{lichess.org => lichess}/assets/boards/latte.svg (100%) rename styles/{lichess.org => lichess}/assets/boards/macchiato.svg (100%) rename styles/{lichess.org => lichess}/assets/boards/mocha.svg (100%) rename styles/{lichess.org => lichess}/assets/catwalk.webp (100%) rename styles/{lichess.org => lichess}/assets/frappe.webp (100%) rename styles/{lichess.org => lichess}/assets/latte.webp (100%) rename styles/{lichess.org => lichess}/assets/macchiato.webp (100%) rename styles/{lichess.org => lichess}/assets/mocha.webp (100%) rename styles/{lichess.org => lichess}/catppuccin.user.css (98%) diff --git a/scripts/userstyles.yml b/scripts/userstyles.yml index 663855044c..266008b317 100644 --- a/scripts/userstyles.yml +++ b/scripts/userstyles.yml @@ -292,12 +292,12 @@ userstyles: app-link: "https://github.com/libreddit/libreddit" current-maintainers: [*isabelroses] past-maintainers: [*andreasgrafen] - lichess.org: - name: lichess.org + lichess: + name: lichess category: game color: sapphire readme: - usage: "Switch to a default lichess.org light/dark theme via **Username** > **Background** for the best experience!" + usage: "Switch to a default lichess light/dark theme via **Username** > **Background** for the best experience!" app-link: "https://lichess.org/" current-maintainers: [*coopw1] linkedin: diff --git a/styles/lichess.org/assets/boards/frappe.svg b/styles/lichess/assets/boards/frappe.svg similarity index 100% rename from styles/lichess.org/assets/boards/frappe.svg rename to styles/lichess/assets/boards/frappe.svg diff --git a/styles/lichess.org/assets/boards/latte.svg b/styles/lichess/assets/boards/latte.svg similarity index 100% rename from styles/lichess.org/assets/boards/latte.svg rename to styles/lichess/assets/boards/latte.svg diff --git a/styles/lichess.org/assets/boards/macchiato.svg b/styles/lichess/assets/boards/macchiato.svg similarity index 100% rename from styles/lichess.org/assets/boards/macchiato.svg rename to styles/lichess/assets/boards/macchiato.svg diff --git a/styles/lichess.org/assets/boards/mocha.svg b/styles/lichess/assets/boards/mocha.svg similarity index 100% rename from styles/lichess.org/assets/boards/mocha.svg rename to styles/lichess/assets/boards/mocha.svg diff --git a/styles/lichess.org/assets/catwalk.webp b/styles/lichess/assets/catwalk.webp similarity index 100% rename from styles/lichess.org/assets/catwalk.webp rename to styles/lichess/assets/catwalk.webp diff --git a/styles/lichess.org/assets/frappe.webp b/styles/lichess/assets/frappe.webp similarity index 100% rename from styles/lichess.org/assets/frappe.webp rename to styles/lichess/assets/frappe.webp diff --git a/styles/lichess.org/assets/latte.webp b/styles/lichess/assets/latte.webp similarity index 100% rename from styles/lichess.org/assets/latte.webp rename to styles/lichess/assets/latte.webp diff --git a/styles/lichess.org/assets/macchiato.webp b/styles/lichess/assets/macchiato.webp similarity index 100% rename from styles/lichess.org/assets/macchiato.webp rename to styles/lichess/assets/macchiato.webp diff --git a/styles/lichess.org/assets/mocha.webp b/styles/lichess/assets/mocha.webp similarity index 100% rename from styles/lichess.org/assets/mocha.webp rename to styles/lichess/assets/mocha.webp diff --git a/styles/lichess.org/catppuccin.user.css b/styles/lichess/catppuccin.user.css similarity index 98% rename from styles/lichess.org/catppuccin.user.css rename to styles/lichess/catppuccin.user.css index 535c1a1662..7fdcffe779 100644 --- a/styles/lichess.org/catppuccin.user.css +++ b/styles/lichess/catppuccin.user.css @@ -1,10 +1,10 @@ /* ==UserStyle== -@name lichess.org Catppuccin -@namespace github.com/catppuccin/userstyles/styles/lichess.org -@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/lichess.org +@name lichess Catppuccin +@namespace github.com/catppuccin/userstyles/styles/lichess +@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/lichess @version 0.0.1 -@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/lichess.org/catppuccin.user.css -@description Soothing pastel theme for lichess.org +@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/lichess/catppuccin.user.css +@description Soothing pastel theme for lichess @author Catppuccin @license MIT From 24c1b7d4f38d95534cb9bc2f53d4dc7294cf4058 Mon Sep 17 00:00:00 2001 From: coopw1 Date: Mon, 20 Nov 2023 01:51:57 -0500 Subject: [PATCH 11/32] Just a bit more formatting, spreading items over mutliple lines --- styles/lichess/catppuccin.user.css | 65 ++++++++++++++++++++++-------- 1 file changed, 49 insertions(+), 16 deletions(-) diff --git a/styles/lichess/catppuccin.user.css b/styles/lichess/catppuccin.user.css index 7fdcffe779..c3e0366467 100644 --- a/styles/lichess/catppuccin.user.css +++ b/styles/lichess/catppuccin.user.css @@ -68,7 +68,8 @@ } /* Topbar */ - #topnav.hover section:hover>a, #topnav section:active>a, + #topnav.hover section:hover>a, + #topnav section:active>a, #topnav div, .site-buttons .shown .toggle, .site-buttons .dropdown { @@ -77,13 +78,22 @@ #topnav section>a { color: @subtext0; } - #topnav.hover section:hover>a, #topnav section:active>a, + #topnav.hover section:hover>a, + #topnav section:active>a, #topnav div a, - #dasher_app .selector button, #dasher_app .head, #dasher_app .piece .no-square, #dasher_app .theme .list button, #dasher_app .links a, #dasher_app .links button, #dasher_app .subs .sub, - .site-buttons .dropdown a, .site-buttons .dropdown button { + #dasher_app .selector button, + #dasher_app .head, + #dasher_app .piece .no-square, + #dasher_app .theme .list button, + #dasher_app .links a, + #dasher_app .links button, + #dasher_app .subs .sub, + .site-buttons .dropdown a, + .site-buttons .dropdown button { color: @text; } - #topnav.hover section:hover>a, #topnav section:active>a, + #topnav.hover section:hover>a, + #topnav section:active>a, #topnav div { border-left-color: @accent-color; } @@ -97,13 +107,17 @@ #challenge-app .empty{ background: @crust; } - #dasher_app .links a:hover, #dasher_app .links a:hover::before, #dasher_app .links button:hover, #dasher_app .subs .sub:hover + #dasher_app .links a:hover, + #dasher_app .links a:hover::before, + #dasher_app .links button:hover, + #dasher_app .subs .sub:hover /* Popup skining */ dialog { background: @crust; } - .game-setup .optional-config, .game-setup .ratings { + .game-setup .optional-config, + .game-setup .ratings { background: @base; } .game-setup group.radio input:checked+label { @@ -120,7 +134,8 @@ .lobby__box td.name a, .lobby__box__top .title, .lobby__box .user-link, - .mini-game, .mini-game:hover, + .mini-game, + .mini-game:hover, .text, .ublog-post-card__title, .lobby__counters a, @@ -128,8 +143,10 @@ .lobby__timeline .entry a, .lobby__about a, .lobby__timeline, - .lobby__counters, .tabs-horiz, - .lobby__streams .more, .lobby__timeline .more, + .lobby__counters, + .tabs-horiz, + .lobby__streams .more, + .lobby__timeline .more, .dialog-content, button, input, optgroup, select, textarea{ color: @subtext0; @@ -158,7 +175,9 @@ } /* Links */ .lobby__timeline .entry:hover a, - a:hover, a:active, a:focus, + a:hover, + a:active, + a:focus, { color: @accent-color; } @@ -177,7 +196,8 @@ .lobby__support a:hover { background: @peach; } - .lobby__box__top, #hook .opponent, + .lobby__box__top, + #hook .opponent, .lobby__box__content, .ublog-post-card, .button, @@ -192,7 +212,8 @@ .subnav a.active { color: @red; } - .subnav a.active::after, .subnav a:hover::after { + .subnav a.active::after, + .subnav a:hover::after { background: @red; } @@ -293,18 +314,30 @@ /* User Page */ .user-show__header, .user-show__social, - .user-show .angles, .cmn-toggle:hover:not(:disabled)+label::after, .cmn-toggle+label::after, .crosstable povs:hover, .crosstable__users, .crosstable__score, + .user-show .angles, + .cmn-toggle:hover:not(:disabled)+label::after, + .cmn-toggle+label::after, + .crosstable povs:hover, + .crosstable__users, + .crosstable__score, .game-row:nth-child(odd), .number-menu--tabs .nm-item.active { background: @crust; } .number-menu--tabs .nm-item.active, - .user-show .number-menu .to-games.active, .user-show #games.number-menu{ + .user-show .number-menu .to-games.active, + .user-show #games.number-menu{ background: @mantle !important; } /* Analysis page */ - .analyse__clock, #analyse-cm .title, .explorer__config .choices button, .mselect__label, .cmn-toggle:hover:not(:disabled) + label::after, .cmn-toggle + label::after, .crosstable povs:hover, .crosstable__users, .crosstable__score, + .analyse__clock, #analyse-cm .title, + .explorer__config .choices button, + .mselect__label, + .cmn-toggle:hover:not(:disabled) + label::after, + .cmn-toggle + label::after, .crosstable povs:hover, + .crosstable__users, + .crosstable__score, .mselect__list, .analyse__tools .comp-off__hint, .ceval { background: @crust; From 0947632fe1c3839d666240c483a18cea338ac7f4 Mon Sep 17 00:00:00 2001 From: coopw <48886919+coopw1@users.noreply.github.com> Date: Mon, 20 Nov 2023 13:58:12 -0500 Subject: [PATCH 12/32] Update catppuccin.user.css Fixing a broken dialog box, and getting rid of the unneeded group --- styles/lichess/catppuccin.user.css | 9 +++++++-- 1 file changed, 7 insertions(+), 2 deletions(-) diff --git a/styles/lichess/catppuccin.user.css b/styles/lichess/catppuccin.user.css index c3e0366467..714368e32e 100644 --- a/styles/lichess/catppuccin.user.css +++ b/styles/lichess/catppuccin.user.css @@ -113,6 +113,11 @@ #dasher_app .subs .sub:hover /* Popup skining */ + html, + body, + div#main-wrap.is23, + main.lobby + div.lobby__table, dialog { background: @crust; } @@ -120,7 +125,7 @@ .game-setup .ratings { background: @base; } - .game-setup group.radio input:checked+label { + .game-setup .radio input:checked+label { background: @green; } @@ -153,7 +158,7 @@ } .site-buttons .link:hover, .button.button-metal:hover, - group.radio input:checked+label { + .radio input:checked+label { color: @text; } .site-title-nav__donate, From 9ef576e2b1344241f7085e60dfe8ddfed0fa66cb Mon Sep 17 00:00:00 2001 From: coopw <48886919+coopw1@users.noreply.github.com> Date: Mon, 20 Nov 2023 14:10:53 -0500 Subject: [PATCH 13/32] Fixing up game selection menu --- styles/lichess/catppuccin.user.css | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/styles/lichess/catppuccin.user.css b/styles/lichess/catppuccin.user.css index 714368e32e..14f7029028 100644 --- a/styles/lichess/catppuccin.user.css +++ b/styles/lichess/catppuccin.user.css @@ -67,6 +67,14 @@ color: @accent-color; } + /* Game selection menus */ + .hooks__list td { + background-color: ~'@{overlay0}7F'; /* Using 8 digit hex codes to replace argb */ + } + .hooks__list tr.join:hover td { + background-color: ~'@{accent-color}7F'; /* Using 8 digit hex codes to replace argb */ + } + /* Topbar */ #topnav.hover section:hover>a, #topnav section:active>a, From a5dbd2c5c695ffcd67fb4d439e0e2335ebe49cef Mon Sep 17 00:00:00 2001 From: coopw <48886919+coopw1@users.noreply.github.com> Date: Mon, 20 Nov 2023 14:13:14 -0500 Subject: [PATCH 14/32] Removing small bit of useless junk --- styles/lichess/catppuccin.user.css | 5 +---- 1 file changed, 1 insertion(+), 4 deletions(-) diff --git a/styles/lichess/catppuccin.user.css b/styles/lichess/catppuccin.user.css index 14f7029028..ae4cdd92a7 100644 --- a/styles/lichess/catppuccin.user.css +++ b/styles/lichess/catppuccin.user.css @@ -115,10 +115,7 @@ #challenge-app .empty{ background: @crust; } - #dasher_app .links a:hover, - #dasher_app .links a:hover::before, - #dasher_app .links button:hover, - #dasher_app .subs .sub:hover + /* Popup skining */ html, From e0c57d601ba5e3f63f44f7934471d9696fa54616 Mon Sep 17 00:00:00 2001 From: coopw <48886919+coopw1@users.noreply.github.com> Date: Mon, 20 Nov 2023 14:15:59 -0500 Subject: [PATCH 15/32] Fixed background I'm a bit dum, idk why I though that was how it worked --- styles/lichess/catppuccin.user.css | 5 ----- 1 file changed, 5 deletions(-) diff --git a/styles/lichess/catppuccin.user.css b/styles/lichess/catppuccin.user.css index ae4cdd92a7..e043e1c9bd 100644 --- a/styles/lichess/catppuccin.user.css +++ b/styles/lichess/catppuccin.user.css @@ -118,11 +118,6 @@ /* Popup skining */ - html, - body, - div#main-wrap.is23, - main.lobby - div.lobby__table, dialog { background: @crust; } From b4534bd3c1fcd3c7509e3c180b45cb4e66f52551 Mon Sep 17 00:00:00 2001 From: coopw <48886919+coopw1@users.noreply.github.com> Date: Mon, 20 Nov 2023 14:25:16 -0500 Subject: [PATCH 16/32] Themed the whole puzzle page! --- styles/lichess/catppuccin.user.css | 27 +++++++++++++++++++++++++++ 1 file changed, 27 insertions(+) diff --git a/styles/lichess/catppuccin.user.css b/styles/lichess/catppuccin.user.css index e043e1c9bd..28dcbaa543 100644 --- a/styles/lichess/catppuccin.user.css +++ b/styles/lichess/catppuccin.user.css @@ -359,5 +359,32 @@ #ceval-settings { border-top-color: @accent-color; } + + /* Puzzles */ + .tview2-column>index, { + background: @base; + color: @subtext0 !important; + } + .puzzle__feedback { + background: @base; + } + .puzzle__tools, + .puzzle__side__metas, + .puzzle__side__user, + .puzzle__side__config, + .puzzle__side__theme { + background: @mantle; + } + input, + textarea, + select { + background: @crust; + } + .cmn-toggle:checked+label { + background-color: @green; + } + .cmn-toggle:checked+label::before { + color: @green; + } } } From e3fbfd5ce7204c1e6069729d0c201cda6c0ec2fc Mon Sep 17 00:00:00 2001 From: coopw <48886919+coopw1@users.noreply.github.com> Date: Mon, 20 Nov 2023 14:52:16 -0500 Subject: [PATCH 17/32] Skinned user stats and teams pages, fixed analysis chat --- styles/lichess/catppuccin.user.css | 29 +++++++++++++++++++++++++++-- 1 file changed, 27 insertions(+), 2 deletions(-) diff --git a/styles/lichess/catppuccin.user.css b/styles/lichess/catppuccin.user.css index 28dcbaa543..5092ef3a94 100644 --- a/styles/lichess/catppuccin.user.css +++ b/styles/lichess/catppuccin.user.css @@ -334,6 +334,16 @@ .user-show #games.number-menu{ background: @mantle !important; } + /* Stats */ + .perf-stat .counter tr.full td:last-child { + background: @crust; + } + .sub-ratings a.active { + background: @mantle + } + .sub-ratings a[href]:hover { + background: @crust; + } /* Analysis page */ .analyse__clock, #analyse-cm .title, @@ -344,8 +354,12 @@ .crosstable__users, .crosstable__score, .mselect__list, - .analyse__tools .comp-off__hint, .ceval { - background: @crust; + .analyse__tools .comp-off__hint, .ceval, + .explorer-box tr:nth-child(even), + .board-editor__tools .metadata, + .mchat__content, + .mchat__tab-active { + background: @crust !important; } .analyse__tools, .copyable, @@ -359,6 +373,9 @@ #ceval-settings { border-top-color: @accent-color; } + .mchat__tab:hover { + background: ~'@{accent-color}7F'; + } /* Puzzles */ .tview2-column>index, { @@ -386,5 +403,13 @@ .cmn-toggle:checked+label::before { color: @green; } + + + /* Teams */ + .slist tbody tr:nth-child(even), + .team-show__desc, + .team-show__forum__post:nth-child(odd) { + background: @crust; + } } } From aff55aa86d8c4fdec1296cf0aa9c29814b943abc Mon Sep 17 00:00:00 2001 From: coopw <48886919+coopw1@users.noreply.github.com> Date: Mon, 20 Nov 2023 15:16:16 -0500 Subject: [PATCH 18/32] Added opening and settings page, fixed spectating --- styles/lichess/catppuccin.user.css | 35 +++++++++++++++++++++++++++++- 1 file changed, 34 insertions(+), 1 deletion(-) diff --git a/styles/lichess/catppuccin.user.css b/styles/lichess/catppuccin.user.css index 5092ef3a94..6a67374e41 100644 --- a/styles/lichess/catppuccin.user.css +++ b/styles/lichess/catppuccin.user.css @@ -358,7 +358,8 @@ .explorer-box tr:nth-child(even), .board-editor__tools .metadata, .mchat__content, - .mchat__tab-active { + .mchat__tab-active, + .crosstable fill { background: @crust !important; } .analyse__tools, @@ -376,6 +377,23 @@ .mchat__tab:hover { background: ~'@{accent-color}7F'; } + /* Openings */ + .opening__config, + .opening__next{ + background: @crust; + } + .opening__next{ + outline-color: @base; + } + .opening__next:hover { + outline: @accent-color + } + .opening__next__popularity span { + background: @accent-color; + } + .opening__next__title { + color: @accent-color; + } /* Puzzles */ .tview2-column>index, { @@ -411,5 +429,20 @@ .team-show__forum__post:nth-child(odd) { background: @crust; } + + /* Settings */ + .account .radio input:checked+label, + .account table.allows tr:nth-child(odd) td{ + background: @crust; + } + .radio label { + background: @base; + } + .flash-warning { + background: @peach; + } + .form-control:invalid { + border-color: @red; + } } } From ed8aef82320a62ce9be01f14a89159bab5da9bc0 Mon Sep 17 00:00:00 2001 From: coopw <48886919+coopw1@users.noreply.github.com> Date: Mon, 20 Nov 2023 15:18:57 -0500 Subject: [PATCH 19/32] Fixed boxes on homepage not sure how I missed this the first time around lol --- styles/lichess/catppuccin.user.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/styles/lichess/catppuccin.user.css b/styles/lichess/catppuccin.user.css index 6a67374e41..4a322ebe36 100644 --- a/styles/lichess/catppuccin.user.css +++ b/styles/lichess/catppuccin.user.css @@ -212,6 +212,9 @@ .unread { background: @red; } + .lobby__box tr:nth-child(even) { + background: @crust; + } /* Non-main page sidebar nav colors */ .subnav a.active { From 37c969526cf86e811ea9a7db9cb15861f4e7a1b9 Mon Sep 17 00:00:00 2001 From: coopw <48886919+coopw1@users.noreply.github.com> Date: Mon, 20 Nov 2023 15:38:22 -0500 Subject: [PATCH 20/32] Update catppuccin.user.css Replacing a "outline" with "outline-color" --- styles/lichess/catppuccin.user.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/styles/lichess/catppuccin.user.css b/styles/lichess/catppuccin.user.css index 4a322ebe36..a418bfa26e 100644 --- a/styles/lichess/catppuccin.user.css +++ b/styles/lichess/catppuccin.user.css @@ -389,7 +389,7 @@ outline-color: @base; } .opening__next:hover { - outline: @accent-color + outline-color: @accent-color } .opening__next__popularity span { background: @accent-color; From 1b70002344e8f25d549b7ca682b5135925d0edcb Mon Sep 17 00:00:00 2001 From: winston Date: Tue, 21 Nov 2023 08:35:22 +0100 Subject: [PATCH 21/32] chore: add `.stylelintrc.json` --- styles/lichess/.stylelintrc.json | 11 +++++++++++ 1 file changed, 11 insertions(+) create mode 100644 styles/lichess/.stylelintrc.json diff --git a/styles/lichess/.stylelintrc.json b/styles/lichess/.stylelintrc.json new file mode 100644 index 0000000000..393eaba68b --- /dev/null +++ b/styles/lichess/.stylelintrc.json @@ -0,0 +1,11 @@ +{ + "extends": "../../.stylelintrc.js", + "rules": { + "selector-type-no-unknown": [ + true, + { + "ignore": ["signal", "index", "fill"] + } + ] + } +} From f248cfc42b90d382255d0025511f2341e624f8b2 Mon Sep 17 00:00:00 2001 From: winston Date: Tue, 21 Nov 2023 08:42:35 +0100 Subject: [PATCH 22/32] style: reformat with prettier --- styles/lichess/catppuccin.user.css | 868 +++++++++++++++-------------- 1 file changed, 445 insertions(+), 423 deletions(-) diff --git a/styles/lichess/catppuccin.user.css b/styles/lichess/catppuccin.user.css index a418bfa26e..22b18c7d8e 100644 --- a/styles/lichess/catppuccin.user.css +++ b/styles/lichess/catppuccin.user.css @@ -12,440 +12,462 @@ @var select flavor "Flavor" ["latte:Latte", "frappe:Frappé", "macchiato:Macchiato", "mocha:Mocha*"] @var select accentColor "Accent" ["rosewater:Rosewater*", "flamingo:Flamingo", "pink:Pink", "mauve:Mauve", "red:Red", "maroon:Maroon", "peach:Peach", "yellow:Yellow", "green:Green", "teal:Teal", "blue:Blue", "sapphire:Sapphire", "sky:Sky", "lavender:Lavender", "subtext0:Gray"] ==/UserStyle== */ -@-moz-document domain("lichess.org") -{ +@-moz-document domain("lichess.org") { :root { #catppuccin(@flavor, @accentColor); } /* 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; }; + @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]; + + /* Main background */ + html, + body { + background: @base linear-gradient(to bottom, @crust, @base 116px) + no-repeat; + color: @text !important; + } + + /* lichess button */ + .site-title a { + color: @accent-color; + } + + /* Game selection menus */ + .hooks__list td { + background-color: ~"@{overlay0}7F"; /* Using 8 digit hex codes to replace argb */ + } + .hooks__list tr.join:hover td { + background-color: ~"@{accent-color}7F"; /* Using 8 digit hex codes to replace argb */ + } + + /* Topbar */ + #topnav.hover section:hover > a, + #topnav section:active > a, + #topnav div, + .site-buttons .shown .toggle, + .site-buttons .dropdown { + background: @crust; + } + #topnav section > a { + color: @subtext0; + } + #topnav.hover section:hover > a, + #topnav section:active > a, + #topnav div a, + #dasher_app .selector button, + #dasher_app .head, + #dasher_app .piece .no-square, + #dasher_app .theme .list button, + #dasher_app .links a, + #dasher_app .links button, + #dasher_app .subs .sub, + .site-buttons .dropdown a, + .site-buttons .dropdown button { + color: @text; + } + #topnav.hover section:hover > a, + #topnav section:active > a, + #topnav div { + border-left-color: @accent-color; + } + signal > i { + background-color: @green; + } + #dasher_app .sub::before, + .is-green::before { + color: @green; + } + #challenge-app .empty { + background: @crust; + } + + /* Popup skining */ + dialog { + background: @crust; + } + .game-setup .optional-config, + .game-setup .ratings { + background: @base; + } + .game-setup .radio input:checked + label { + background: @green; + } + + /* Text */ + .site-buttons .link, + .button, + .input, + .optgroup, + .select, + .textarea, + .lobby__box td.name a, + .lobby__box__top .title, + .lobby__box .user-link, + .mini-game, + .mini-game:hover, + .text, + .ublog-post-card__title, + .lobby__counters a, + .lobby__streams .stream, + .lobby__timeline .entry a, + .lobby__about a, + .lobby__timeline, + .lobby__counters, + .tabs-horiz, + .lobby__streams .more, + .lobby__timeline .more, + .dialog-content, + button, + input, + optgroup, + select, + textarea { + color: @subtext0; + } + .site-buttons .link:hover, + .button.button-metal:hover, + .radio input:checked + label { + color: @text; + } + .site-title-nav__donate, + .lobby__streams .stream.highlight strong, + .utitle, + .lobby__support__text, + .lobby__support i::before { + color: @peach; + } + .mini-game__clock.clock--run, + .tabs-horiz span.active { + color: @red; + } + .tabs-horiz span.active, + .tabs-horiz span:hover { + border-color: @red; + } + a { + color: @blue; + } + /* Links */ + .lobby__timeline .entry:hover a, + a:hover, + a:active, + a:focus { + color: @accent-color; } - #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]; + /* Homepage cards */ + .lobby__app__content, + .box { + background-color: @mantle; + } + .hook__filters { + background-color: ~"@{mantle}7F"; /* Using 8 digit hex codes to replace argb */ + } + .lobby__support a { + background: @crust; + } + .lobby__support a:hover { + background: @peach; + } + .lobby__box__top, + #hook .opponent, + .lobby__box__content, + .ublog-post-card, + .button, + .tour-spotlight { + background: @mantle !important; + } + .unread { + background: @red; + } + .lobby__box tr:nth-child(even) { + background: @crust; + } - /* Main background */ - html, - body { - background: @base linear-gradient(to bottom, @crust, @base 116px) no-repeat; - color: @text !important; - } - - /* lichess button */ - .site-title a { - color: @accent-color; - } - - /* Game selection menus */ - .hooks__list td { - background-color: ~'@{overlay0}7F'; /* Using 8 digit hex codes to replace argb */ - } - .hooks__list tr.join:hover td { - background-color: ~'@{accent-color}7F'; /* Using 8 digit hex codes to replace argb */ - } - - /* Topbar */ - #topnav.hover section:hover>a, - #topnav section:active>a, - #topnav div, - .site-buttons .shown .toggle, - .site-buttons .dropdown { - background: @crust; - } - #topnav section>a { - color: @subtext0; - } - #topnav.hover section:hover>a, - #topnav section:active>a, - #topnav div a, - #dasher_app .selector button, - #dasher_app .head, - #dasher_app .piece .no-square, - #dasher_app .theme .list button, - #dasher_app .links a, - #dasher_app .links button, - #dasher_app .subs .sub, - .site-buttons .dropdown a, - .site-buttons .dropdown button { - color: @text; - } - #topnav.hover section:hover>a, - #topnav section:active>a, - #topnav div { - border-left-color: @accent-color; - } - signal>i { - background-color: @green; - } - #dasher_app .sub::before, - .is-green::before{ - color: @green; - } - #challenge-app .empty{ - background: @crust; - } + /* Non-main page sidebar nav colors */ + .subnav a.active { + color: @red; + } + .subnav a.active::after, + .subnav a:hover::after { + background: @red; + } - - /* Popup skining */ - dialog { - background: @crust; - } - .game-setup .optional-config, - .game-setup .ratings { - background: @base; - } - .game-setup .radio input:checked+label { - background: @green; - } - - /* Text */ - .site-buttons .link, - .button, - .input, - .optgroup, - .select, - .textarea, - .lobby__box td.name a, - .lobby__box__top .title, - .lobby__box .user-link, - .mini-game, - .mini-game:hover, - .text, - .ublog-post-card__title, - .lobby__counters a, - .lobby__streams .stream, - .lobby__timeline .entry a, - .lobby__about a, - .lobby__timeline, - .lobby__counters, - .tabs-horiz, - .lobby__streams .more, - .lobby__timeline .more, - .dialog-content, - button, input, optgroup, select, textarea{ - color: @subtext0; - } - .site-buttons .link:hover, - .button.button-metal:hover, - .radio input:checked+label { - color: @text; - } - .site-title-nav__donate, - .lobby__streams .stream.highlight strong, - .utitle, - .lobby__support__text, - .lobby__support i::before{ - color: @peach; - } - .mini-game__clock.clock--run, - .tabs-horiz span.active { - color: @red; - } - .tabs-horiz span.active, .tabs-horiz span:hover { - border-color: @red; - } - a { - color: @blue - } - /* Links */ - .lobby__timeline .entry:hover a, - a:hover, - a:active, - a:focus, - { - color: @accent-color; - } - - /* Homepage cards */ - .lobby__app__content, - .box { - background-color: @mantle; - } - .hook__filters { - background-color: ~'@{mantle}7F'; /* Using 8 digit hex codes to replace argb */ - } - .lobby__support a { - background: @crust; - } - .lobby__support a:hover { - background: @peach; - } - .lobby__box__top, - #hook .opponent, - .lobby__box__content, - .ublog-post-card, - .button, - .tour-spotlight { - background: @mantle !important; - } - .unread { - background: @red; - } - .lobby__box tr:nth-child(even) { - background: @crust; - } - - /* Non-main page sidebar nav colors */ - .subnav a.active { - color: @red; - } - .subnav a.active::after, - .subnav a:hover::after { - background: @red; - } - - /* Blog cards */ - .blog-cards>a { - background: @crust - } - - /* Hover on main game selection */ - .lpools>div:hover { - background-color: ~'@{accent-color}33'; /* Using 8 digit hex codes to replace argb */ - } + /* Blog cards */ + .blog-cards > a { + background: @crust; + } - /* Learn tab */ - .learn-stages .stage.done { - background: @green; - } - .learn-stages .stage.ongoing, - .learn__side-home { - background: @blue; - } - .learn-stages .stage.future { - background: @red; - } + /* Hover on main game selection */ + .lpools > div:hover { + background-color: ~"@{accent-color}33"; /* Using 8 digit hex codes to replace argb */ + } - /* Chess Game */ - .brown .is2d cg-board { - background-image: url("https://raw.githubusercontent.com/coopw1/userstyles/7c605c5434657c15577fa425fa2512c3562c2a1f/styles/lichess/assets/boards/@{lookup}.svg") !important; - } - .orientation-white .files coord:nth-child(2n+1), .orientation-white .ranks coord:nth-child(2n), .orientation-black .files coord:nth-child(2n), .orientation-black .ranks coord:nth-child(2n+1) { - color: @base; - } - .orientation-white .files coord:nth-child(2n), .orientation-white .ranks coord:nth-child(2n+1), .orientation-black .files coord:nth-child(2n+1), .orientation-black .ranks coord:nth-child(2n) { - color: @crust; - } - square.move-dest { - background: radial-gradient(~'@{accent-color}7F' 19%, rgba(0, 0, 0, 0) 20%); - } - square.selected { - background: ~'@{accent-color}7F'; - } - square.last-move { - background: ~'@{accent-color}68'; - } - .rclock .time { - background: @mantle; - color: @text; - } - .rclock.running .time { - background: #384722; /* putting it back to default so that the time on the clock is readable */ - } - .rclock .bar { - background: @accent-color; - } - - /* Game Cards */ - .game__meta, - .round__app__table { - background: @crust; - } - rm6 { - background: @mantle; - } - rm6 .buttons, - rm6 i5z{ - background: @base; - } + /* Learn tab */ + .learn-stages .stage.done { + background: @green; + } + .learn-stages .stage.ongoing, + .learn__side-home { + background: @blue; + } + .learn-stages .stage.future { + background: @red; + } - /* Messages */ - .msg-app__convo__head, - .msg-app__side__search, - .msg-app__convo__reply{ - background: @crust; - } - .msg-app__side { - background: @mantle; - } - .msg-app__side__search input, - .msg-app__convo__post__text { - background: @base; - } - .msg-app__side__contact__name { - color: @text; - } - .msg-app__side__contact__msg, - .msg-app__side__contact__date time { - color: @subtext0; - } - - /* User dropdown */ - #powerTip, #miniGame, #miniBoard { - background: @crust; - } - .btn-rack__btn, .btn-rack form, #friend_box .friend_box_title, .button.button-metal, .button.button-empty:not(.disabled):hover, .button.button-empty.button-green:not(.disabled):hover, .button.button-empty.button-red:not(.disabled):hover { - background: @base; - } - - /* User Page */ - .user-show__header, - .user-show__social, - .user-show .angles, - .cmn-toggle:hover:not(:disabled)+label::after, - .cmn-toggle+label::after, - .crosstable povs:hover, - .crosstable__users, - .crosstable__score, - .game-row:nth-child(odd), - .number-menu--tabs .nm-item.active { - background: @crust; - } - .number-menu--tabs .nm-item.active, - .user-show .number-menu .to-games.active, - .user-show #games.number-menu{ - background: @mantle !important; - } - /* Stats */ - .perf-stat .counter tr.full td:last-child { - background: @crust; - } - .sub-ratings a.active { - background: @mantle - } - .sub-ratings a[href]:hover { - background: @crust; - } - - /* Analysis page */ - .analyse__clock, #analyse-cm .title, - .explorer__config .choices button, - .mselect__label, - .cmn-toggle:hover:not(:disabled) + label::after, - .cmn-toggle + label::after, .crosstable povs:hover, - .crosstable__users, - .crosstable__score, - .mselect__list, - .analyse__tools .comp-off__hint, .ceval, - .explorer-box tr:nth-child(even), - .board-editor__tools .metadata, - .mchat__content, - .mchat__tab-active, - .crosstable fill { - background: @crust !important; - } - .analyse__tools, - .copyable, - .pv_box, - #ceval-settings { - background: @mantle; - } - .ceval .settings-gear.active { - background-color: @accent-color; - } - #ceval-settings { - border-top-color: @accent-color; - } - .mchat__tab:hover { - background: ~'@{accent-color}7F'; - } - /* Openings */ - .opening__config, - .opening__next{ - background: @crust; - } - .opening__next{ - outline-color: @base; - } - .opening__next:hover { - outline-color: @accent-color - } - .opening__next__popularity span { - background: @accent-color; - } - .opening__next__title { - color: @accent-color; - } - - /* Puzzles */ - .tview2-column>index, { - background: @base; - color: @subtext0 !important; - } - .puzzle__feedback { - background: @base; - } - .puzzle__tools, - .puzzle__side__metas, - .puzzle__side__user, - .puzzle__side__config, - .puzzle__side__theme { - background: @mantle; - } - input, - textarea, - select { - background: @crust; - } - .cmn-toggle:checked+label { - background-color: @green; - } - .cmn-toggle:checked+label::before { - color: @green; - } - - - /* Teams */ - .slist tbody tr:nth-child(even), - .team-show__desc, - .team-show__forum__post:nth-child(odd) { - background: @crust; - } - - /* Settings */ - .account .radio input:checked+label, - .account table.allows tr:nth-child(odd) td{ - background: @crust; - } - .radio label { - background: @base; - } - .flash-warning { - background: @peach; - } - .form-control:invalid { - border-color: @red; - } - } + /* Chess Game */ + .brown .is2d cg-board { + background-image: url("https://raw.githubusercontent.com/coopw1/userstyles/7c605c5434657c15577fa425fa2512c3562c2a1f/styles/lichess/assets/boards/@{lookup}.svg") !important; + } + .orientation-white .files coord:nth-child(2n + 1), + .orientation-white .ranks coord:nth-child(2n), + .orientation-black .files coord:nth-child(2n), + .orientation-black .ranks coord:nth-child(2n + 1) { + color: @base; + } + .orientation-white .files coord:nth-child(2n), + .orientation-white .ranks coord:nth-child(2n + 1), + .orientation-black .files coord:nth-child(2n + 1), + .orientation-black .ranks coord:nth-child(2n) { + color: @crust; + } + square.move-dest { + background: radial-gradient( + ~"@{accent-color}7F" 19%, + rgba(0, 0, 0, 0) 20% + ); + } + square.selected { + background: ~"@{accent-color}7F"; + } + square.last-move { + background: ~"@{accent-color}68"; + } + .rclock .time { + background: @mantle; + color: @text; } + .rclock.running .time { + background: #384722; /* putting it back to default so that the time on the clock is readable */ + } + .rclock .bar { + background: @accent-color; + } + + /* Game Cards */ + .game__meta, + .round__app__table { + background: @crust; + } + rm6 { + background: @mantle; + } + rm6 .buttons, + rm6 i5z { + background: @base; + } + + /* Messages */ + .msg-app__convo__head, + .msg-app__side__search, + .msg-app__convo__reply { + background: @crust; + } + .msg-app__side { + background: @mantle; + } + .msg-app__side__search input, + .msg-app__convo__post__text { + background: @base; + } + .msg-app__side__contact__name { + color: @text; + } + .msg-app__side__contact__msg, + .msg-app__side__contact__date time { + color: @subtext0; + } + + /* User dropdown */ + #powerTip, + #miniGame, + #miniBoard { + background: @crust; + } + .btn-rack__btn, + .btn-rack form, + #friend_box .friend_box_title, + .button.button-metal, + .button.button-empty:not(.disabled):hover, + .button.button-empty.button-green:not(.disabled):hover, + .button.button-empty.button-red:not(.disabled):hover { + background: @base; + } + + /* User Page */ + .user-show__header, + .user-show__social, + .user-show .angles, + .cmn-toggle:hover:not(:disabled) + label::after, + .cmn-toggle + label::after, + .crosstable povs:hover, + .crosstable__users, + .crosstable__score, + .game-row:nth-child(odd), + .number-menu--tabs .nm-item.active { + background: @crust; + } + .number-menu--tabs .nm-item.active, + .user-show .number-menu .to-games.active, + .user-show #games.number-menu { + background: @mantle !important; + } + /* Stats */ + .perf-stat .counter tr.full td:last-child { + background: @crust; + } + .sub-ratings a.active { + background: @mantle; + } + .sub-ratings a[href]:hover { + background: @crust; + } + + /* Analysis page */ + .analyse__clock, + #analyse-cm .title, + .explorer__config .choices button, + .mselect__label, + .cmn-toggle:hover:not(:disabled) + label::after, + .cmn-toggle + label::after, + .crosstable povs:hover, + .crosstable__users, + .crosstable__score, + .mselect__list, + .analyse__tools .comp-off__hint, + .ceval, + .explorer-box tr:nth-child(even), + .board-editor__tools .metadata, + .mchat__content, + .mchat__tab-active, + .crosstable fill { + background: @crust !important; + } + .analyse__tools, + .copyable, + .pv_box, + #ceval-settings { + background: @mantle; + } + .ceval .settings-gear.active { + background-color: @accent-color; + } + #ceval-settings { + border-top-color: @accent-color; + } + .mchat__tab:hover { + background: ~"@{accent-color}7F"; + } + /* Openings */ + .opening__config, + .opening__next { + background: @crust; + } + .opening__next { + outline-color: @base; + } + .opening__next:hover { + outline-color: @accent-color; + } + .opening__next__popularity span { + background: @accent-color; + } + .opening__next__title { + color: @accent-color; + } + + /* Puzzles */ + .tview2-column > index { + background: @base; + color: @subtext0 !important; + } + .puzzle__feedback { + background: @base; + } + .puzzle__tools, + .puzzle__side__metas, + .puzzle__side__user, + .puzzle__side__config, + .puzzle__side__theme { + background: @mantle; + } + input, + textarea, + select { + background: @crust; + } + .cmn-toggle:checked + label { + background-color: @green; + } + .cmn-toggle:checked + label::before { + color: @green; + } + + /* Teams */ + .slist tbody tr:nth-child(even), + .team-show__desc, + .team-show__forum__post:nth-child(odd) { + background: @crust; + } + + /* Settings */ + .account .radio input:checked + label, + .account table.allows tr:nth-child(odd) td { + background: @crust; + } + .radio label { + background: @base; + } + .flash-warning { + background: @peach; + } + .form-control:invalid { + border-color: @red; + } + } +} From ee6693a5dafccfe3ddca121950c5ad650b09e8b9 Mon Sep 17 00:00:00 2001 From: winston Date: Tue, 21 Nov 2023 10:07:35 +0100 Subject: [PATCH 23/32] feat(lichess): use inline svgs, style chess pieces --- styles/lichess/assets/boards/frappe.svg | 91 ---------------------- styles/lichess/assets/boards/latte.svg | 91 ---------------------- styles/lichess/assets/boards/macchiato.svg | 91 ---------------------- styles/lichess/assets/boards/mocha.svg | 91 ---------------------- styles/lichess/catppuccin.user.css | 90 ++++++++++++++++++++- 5 files changed, 89 insertions(+), 365 deletions(-) delete mode 100644 styles/lichess/assets/boards/frappe.svg delete mode 100644 styles/lichess/assets/boards/latte.svg delete mode 100644 styles/lichess/assets/boards/macchiato.svg delete mode 100644 styles/lichess/assets/boards/mocha.svg diff --git a/styles/lichess/assets/boards/frappe.svg b/styles/lichess/assets/boards/frappe.svg deleted file mode 100644 index 5dac9a37f3..0000000000 --- a/styles/lichess/assets/boards/frappe.svg +++ /dev/null @@ -1,91 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - diff --git a/styles/lichess/assets/boards/latte.svg b/styles/lichess/assets/boards/latte.svg deleted file mode 100644 index 2fdfab18b2..0000000000 --- a/styles/lichess/assets/boards/latte.svg +++ /dev/null @@ -1,91 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - diff --git a/styles/lichess/assets/boards/macchiato.svg b/styles/lichess/assets/boards/macchiato.svg deleted file mode 100644 index fe4d94d437..0000000000 --- a/styles/lichess/assets/boards/macchiato.svg +++ /dev/null @@ -1,91 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - diff --git a/styles/lichess/assets/boards/mocha.svg b/styles/lichess/assets/boards/mocha.svg deleted file mode 100644 index 7465b7631d..0000000000 --- a/styles/lichess/assets/boards/mocha.svg +++ /dev/null @@ -1,91 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - diff --git a/styles/lichess/catppuccin.user.css b/styles/lichess/catppuccin.user.css index 22b18c7d8e..bd5a79ee2f 100644 --- a/styles/lichess/catppuccin.user.css +++ b/styles/lichess/catppuccin.user.css @@ -252,8 +252,96 @@ /* Chess Game */ .brown .is2d cg-board { - background-image: url("https://raw.githubusercontent.com/coopw1/userstyles/7c605c5434657c15577fa425fa2512c3562c2a1f/styles/lichess/assets/boards/@{lookup}.svg") !important; + @svg: escape( + '' + ); + background-image: url("data:image/svg+xml,@{svg}") !important; + } + .is2d .pawn { + #piece(@f, @s) { + @svg: escape( + '' + ); + background-image: url("data:image/svg+xml,@{svg}") !important; + } + &.black { + #piece(@base, @text); + } + &.white { + #piece(@text, @base); + } + } + .is2d .bishop { + #piece(@f, @s) { + @svg: escape( + '' + ); + background-image: url("data:image/svg+xml,@{svg}") !important; + } + &.black { + #piece(@base, @text); + } + &.white { + #piece(@text, @base); + } + } + .is2d .knight { + #piece(@f, @s) { + @svg: escape( + '' + ); + background-image: url("data:image/svg+xml,@{svg}") !important; + } + &.black { + #piece(@base, @text); + } + &.white { + #piece(@text, @base); + } + } + .is2d .rook { + #piece(@f, @s) { + @svg: escape( + '' + ); + background-image: url("data:image/svg+xml,@{svg}") !important; + } + &.black { + #piece(@base, @text); + } + &.white { + #piece(@text, @base); + } + } + .is2d .king { + #piece(@f, @s) { + @svg: escape( + '' + ); + background-image: url("data:image/svg+xml,@{svg}") !important; + } + &.black { + #piece(@base, @text); + } + &.white { + #piece(@text, @base); + } + } + .is2d .queen { + #piece(@f, @s) { + @svg: escape( + '' + ); + background-image: url("data:image/svg+xml,@{svg}") !important; + } + &.black { + #piece(@base, @text); + } + &.white { + #piece(@text, @base); + } } + .orientation-white .files coord:nth-child(2n + 1), .orientation-white .ranks coord:nth-child(2n), .orientation-black .files coord:nth-child(2n), From eac39615f0f965a724dd83b7b9ad7be024e9e373 Mon Sep 17 00:00:00 2001 From: winston Date: Tue, 21 Nov 2023 10:30:10 +0100 Subject: [PATCH 24/32] fix(lichess): svg for queen piece --- styles/lichess/catppuccin.user.css | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/styles/lichess/catppuccin.user.css b/styles/lichess/catppuccin.user.css index bd5a79ee2f..f22675f939 100644 --- a/styles/lichess/catppuccin.user.css +++ b/styles/lichess/catppuccin.user.css @@ -328,17 +328,17 @@ } } .is2d .queen { - #piece(@f, @s) { + &.black { @svg: escape( - '' + '' ); background-image: url("data:image/svg+xml,@{svg}") !important; } - &.black { - #piece(@base, @text); - } &.white { - #piece(@text, @base); + @svg: escape( + '' + ); + background-image: url("data:image/svg+xml,@{svg}") !important; } } From 2150c3337c2e3e19fc6641fe8b765303979ff7a8 Mon Sep 17 00:00:00 2001 From: coopw <48886919+coopw1@users.noreply.github.com> Date: Tue, 21 Nov 2023 12:38:24 -0500 Subject: [PATCH 25/32] Apply suggestions from code review Change method of getting see-through assests Co-authored-by: winston --- styles/lichess/catppuccin.user.css | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/styles/lichess/catppuccin.user.css b/styles/lichess/catppuccin.user.css index f22675f939..c96b32f523 100644 --- a/styles/lichess/catppuccin.user.css +++ b/styles/lichess/catppuccin.user.css @@ -69,10 +69,10 @@ /* Game selection menus */ .hooks__list td { - background-color: ~"@{overlay0}7F"; /* Using 8 digit hex codes to replace argb */ + background-color: fade(@overlay0, 50%); } .hooks__list tr.join:hover td { - background-color: ~"@{accent-color}7F"; /* Using 8 digit hex codes to replace argb */ + background-color: fade(@accent-color, 50%); } /* Topbar */ @@ -196,7 +196,7 @@ background-color: @mantle; } .hook__filters { - background-color: ~"@{mantle}7F"; /* Using 8 digit hex codes to replace argb */ + background-color: fade(@mantle, 50%); } .lobby__support a { background: @crust; @@ -235,7 +235,7 @@ /* Hover on main game selection */ .lpools > div:hover { - background-color: ~"@{accent-color}33"; /* Using 8 digit hex codes to replace argb */ + background-color: fade(@accent-color, 20%); } /* Learn tab */ @@ -356,15 +356,15 @@ } square.move-dest { background: radial-gradient( - ~"@{accent-color}7F" 19%, + fade(@accent-color, 50%) 19%, rgba(0, 0, 0, 0) 20% ); } square.selected { - background: ~"@{accent-color}7F"; + background: fade(@accent-color, 50%); } square.last-move { - background: ~"@{accent-color}68"; + background: fade(@accent-color, 40%); } .rclock .time { background: @mantle; @@ -489,7 +489,7 @@ border-top-color: @accent-color; } .mchat__tab:hover { - background: ~"@{accent-color}7F"; + background: fade(@accent-color, 50%); } /* Openings */ .opening__config, From a6bed42358fdd66dfe2261196760274d655b1cfd Mon Sep 17 00:00:00 2001 From: coopw <48886919+coopw1@users.noreply.github.com> Date: Tue, 21 Nov 2023 12:47:40 -0500 Subject: [PATCH 26/32] Update styles/lichess/catppuccin.user.css Fix quick pairing hover Co-authored-by: Isabel --- styles/lichess/catppuccin.user.css | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/styles/lichess/catppuccin.user.css b/styles/lichess/catppuccin.user.css index c96b32f523..25bdda55cd 100644 --- a/styles/lichess/catppuccin.user.css +++ b/styles/lichess/catppuccin.user.css @@ -195,6 +195,13 @@ .box { background-color: @mantle; } + .lpools>div { + background: fadeout(@crust, 80); + border-color: @surface0; + &:hover { + background-color: fadeout(@accent-color, 80); + } + } .hook__filters { background-color: fade(@mantle, 50%); } From 38bc89919c015fba2445e73e40bc86b896949a6f Mon Sep 17 00:00:00 2001 From: coopw <48886919+coopw1@users.noreply.github.com> Date: Tue, 21 Nov 2023 12:50:03 -0500 Subject: [PATCH 27/32] Update catppuccin.user.css Removing old hover, changing fadeout to fade for consistency --- styles/lichess/catppuccin.user.css | 9 ++------- 1 file changed, 2 insertions(+), 7 deletions(-) diff --git a/styles/lichess/catppuccin.user.css b/styles/lichess/catppuccin.user.css index 25bdda55cd..f2d88eae42 100644 --- a/styles/lichess/catppuccin.user.css +++ b/styles/lichess/catppuccin.user.css @@ -196,10 +196,10 @@ background-color: @mantle; } .lpools>div { - background: fadeout(@crust, 80); + background: fade(@crust, 20%); border-color: @surface0; &:hover { - background-color: fadeout(@accent-color, 80); + background-color: fade(@accent-color, 20%); } } .hook__filters { @@ -240,11 +240,6 @@ background: @crust; } - /* Hover on main game selection */ - .lpools > div:hover { - background-color: fade(@accent-color, 20%); - } - /* Learn tab */ .learn-stages .stage.done { background: @green; From 5bcd44f3e8d7ab86dd2633c6cd9f78acfd193730 Mon Sep 17 00:00:00 2001 From: coopw <48886919+coopw1@users.noreply.github.com> Date: Tue, 21 Nov 2023 12:54:43 -0500 Subject: [PATCH 28/32] Update catppuccin.user.css Changed hover color for supporter buttons to mantle --- styles/lichess/catppuccin.user.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/styles/lichess/catppuccin.user.css b/styles/lichess/catppuccin.user.css index f2d88eae42..05ce12954a 100644 --- a/styles/lichess/catppuccin.user.css +++ b/styles/lichess/catppuccin.user.css @@ -211,6 +211,10 @@ .lobby__support a:hover { background: @peach; } + .lobby__support a:hover i::before, + .lobby__support a:hover .lobby__support__text { + color: @mantle; + } .lobby__box__top, #hook .opponent, .lobby__box__content, From 7abe7e2a5b0aecae4561060ed8b7fc3cc28a8a6d Mon Sep 17 00:00:00 2001 From: coopw <48886919+coopw1@users.noreply.github.com> Date: Tue, 21 Nov 2023 18:25:57 -0500 Subject: [PATCH 29/32] Update styles/lichess/catppuccin.user.css capitalize Lichess --- styles/lichess/catppuccin.user.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/styles/lichess/catppuccin.user.css b/styles/lichess/catppuccin.user.css index 05ce12954a..a6b33bef5a 100644 --- a/styles/lichess/catppuccin.user.css +++ b/styles/lichess/catppuccin.user.css @@ -1,5 +1,5 @@ /* ==UserStyle== -@name lichess Catppuccin +@name Lichess Catppuccin @namespace github.com/catppuccin/userstyles/styles/lichess @homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/lichess @version 0.0.1 From 0ccb8de4ac12f8aef033975bd87626a85b7b2b8d Mon Sep 17 00:00:00 2001 From: coopw <48886919+coopw1@users.noreply.github.com> Date: Tue, 21 Nov 2023 22:37:14 -0500 Subject: [PATCH 30/32] Update catppuccin.user.css Added light/dark mode options to automatically pick --- styles/lichess/catppuccin.user.css | 18 +++++++++++++++--- 1 file changed, 15 insertions(+), 3 deletions(-) diff --git a/styles/lichess/catppuccin.user.css b/styles/lichess/catppuccin.user.css index a6b33bef5a..79383f0627 100644 --- a/styles/lichess/catppuccin.user.css +++ b/styles/lichess/catppuccin.user.css @@ -9,12 +9,24 @@ @license MIT @preprocessor less -@var select flavor "Flavor" ["latte:Latte", "frappe:Frappé", "macchiato:Macchiato", "mocha:Mocha*"] +@var select lightFlavor "Light Flavor" ["latte:Latte*", "frappe:Frappé", "macchiato:Macchiato", "mocha:Mocha"] +@var select darkFlavor "Dark Flavor" ["latte:Latte", "frappe:Frappé", "macchiato:Macchiato", "mocha:Mocha*"] @var select accentColor "Accent" ["rosewater:Rosewater*", "flamingo:Flamingo", "pink:Pink", "mauve:Mauve", "red:Red", "maroon:Maroon", "peach:Peach", "yellow:Yellow", "green:Green", "teal:Teal", "blue:Blue", "sapphire:Sapphire", "sky:Sky", "lavender:Lavender", "subtext0:Gray"] ==/UserStyle== */ @-moz-document domain("lichess.org") { - :root { - #catppuccin(@flavor, @accentColor); + :root:has(body[data-theme="light"]) { + #catppuccin(@lightFlavor, @accentColor); + } + :root:has(body[data-theme="dark"]) { + #catppuccin(@darkFlavor, @accentColor); + } + :root:has(body[data-theme="system"]) { + @media (prefers-color-scheme: light) { + #catppuccin(@lightFlavor, @accentColor); + } + @media (prefers-color-scheme: dark) { + #catppuccin(@darkFlavor, @accentColor); + } } /* prettier-ignore */ From 00be5e25d8875e30c850d653d3eab25e85774ddd Mon Sep 17 00:00:00 2001 From: coopw <48886919+coopw1@users.noreply.github.com> Date: Tue, 21 Nov 2023 22:40:16 -0500 Subject: [PATCH 31/32] Update styles/lichess/catppuccin.user.css Make .org on logo colored to normal text --- styles/lichess/catppuccin.user.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/styles/lichess/catppuccin.user.css b/styles/lichess/catppuccin.user.css index 79383f0627..da47536a9c 100644 --- a/styles/lichess/catppuccin.user.css +++ b/styles/lichess/catppuccin.user.css @@ -78,6 +78,9 @@ .site-title a { color: @accent-color; } + .site-title span { + color: @text; + } /* Game selection menus */ .hooks__list td { From 4aa44dd45254786926f132ae063112a6ab67a10e Mon Sep 17 00:00:00 2001 From: Isabel Date: Wed, 22 Nov 2023 11:51:08 +0000 Subject: [PATCH 32/32] fix(lichess): caps Co-authored-by: uncenter <47499684+uncenter@users.noreply.github.com> --- styles/lichess/catppuccin.user.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/styles/lichess/catppuccin.user.css b/styles/lichess/catppuccin.user.css index da47536a9c..708aad34b7 100644 --- a/styles/lichess/catppuccin.user.css +++ b/styles/lichess/catppuccin.user.css @@ -4,7 +4,7 @@ @homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/lichess @version 0.0.1 @updateURL https://github.com/catppuccin/userstyles/raw/main/styles/lichess/catppuccin.user.css -@description Soothing pastel theme for lichess +@description Soothing pastel theme for Lichess @author Catppuccin @license MIT