From 8e20a2333bf400711a5346162264d203a2563929 Mon Sep 17 00:00:00 2001 From: king_cube <138169081+kingofcube@users.noreply.github.com> Date: Sun, 10 Mar 2024 15:54:07 -0400 Subject: [PATCH 01/18] Update userstyles.yml --- scripts/userstyles.yml | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/scripts/userstyles.yml b/scripts/userstyles.yml index d9b1a977da..26aaa80558 100644 --- a/scripts/userstyles.yml +++ b/scripts/userstyles.yml @@ -427,7 +427,7 @@ userstyles: readme: usage: "Switch to a default Lichess light/dark theme via **Username** > **Background** for the best experience!" app-link: "https://lichess.org/" - current-maintainers: [*coopw1] + current-maintainers: [*coopw1, *kingofcube] lingva: name: Lingva categories: [translation_tool, productivity] From 663944d4fa544632a14c6017617f6e6de3744b54 Mon Sep 17 00:00:00 2001 From: king_cube <138169081+kingofcube@users.noreply.github.com> Date: Sun, 10 Mar 2024 15:54:49 -0400 Subject: [PATCH 02/18] Update catppuccin.user.css --- styles/lichess/catppuccin.user.css | 96 +++++++++++++++++++++++++++--- 1 file changed, 88 insertions(+), 8 deletions(-) diff --git a/styles/lichess/catppuccin.user.css b/styles/lichess/catppuccin.user.css index 2b29a7633c..6627e3ba2f 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 @@ -13,6 +13,7 @@ @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"] +@var checkbox ChangePieces "Change the chess pieces." 1 ==/UserStyle== */ @-moz-document domain("lichess.org") { @@ -68,6 +69,18 @@ @crust: @catppuccin[@@lookup][@crust]; @accent-color: @catppuccin[@@lookup][@@accent]; + /* Prettier Lichess Support */ + --primaryColor: @accent-color !important; + --secondaryColor: @peach !important; + --tertiaryColor: @red !important; + --backgroundColor: @base !important; + --textColor: @text !important; + --surfaceColor: @crust !Important; + --surfaceColorHover: @mantle !Important; + --defaultWhite: @subtext1 !Important; + --moveIndicator: @accent-color !important; + --preMove: @blue !important; + /* Main background */ html, body { @@ -143,6 +156,7 @@ } .game-setup .radio input:checked + label { background: @green; + color: @mantle; } /* Text */ @@ -222,6 +236,9 @@ .hook__filters { background-color: fade(@mantle, 50%); } + .lobby__feed { + background-color: @crust; + } .lobby__support a { background: @crust; } @@ -274,13 +291,31 @@ } /* Chess Game */ + + .rcontrols .rematch-decline { + background-color: @red; + } + square.check { + background-image: radial-gradient(ellipse at center, @red 0%, @red 25%, rgba(169, 0, 0, 0) 89%, rgba(158, 0, 0, 0) 100%) + } + #powerTip .forecast-info .title, .rcontrols .rematch.fbt, .cmn-toggle:hover:not(:disabled) + label::after, .cmn-toggle + label::after, .crosstable povs:hover, .crosstable__users, .crosstable__score { + background-image: linear-gradient(to bottom, @surface1, @surface0 100%); + } + .fbt:hover:not(.disabled):not([disabled]) { + background-color: @green; + color: @mantle; + } + group.radio label, group.radio .label, .game-setup .optional-config, .game-setup .ratings, input, textarea, select, .game__meta section:not(:last-child) { + border-color: @surface0; + } + .brown .is2d cg-board { @svg: escape( '' ); background-image: url("data:image/svg+xml,@{svg}") !important; } - .is2d .pawn { + .is2d .pawn when (@ChangePieces = 1) { #piece(@f, @s) { @svg: escape( '' @@ -294,7 +329,7 @@ #piece(@text, @base); } } - .is2d .bishop { + .is2d .bishop when (@ChangePieces = 1) { #piece(@f, @s) { @svg: escape( '' @@ -308,7 +343,7 @@ #piece(@text, @base); } } - .is2d .knight { + .is2d .knight when (@ChangePieces = 1) { #piece(@f, @s) { @svg: escape( '' @@ -322,7 +357,7 @@ #piece(@text, @base); } } - .is2d .rook { + .is2d .rook when (@ChangePieces = 1) { #piece(@f, @s) { @svg: escape( '' @@ -336,7 +371,7 @@ #piece(@text, @base); } } - .is2d .king { + .is2d .king when (@ChangePieces = 1) { #piece(@f, @s) { @svg: escape( '' @@ -350,14 +385,14 @@ #piece(@text, @base); } } - .is2d .queen { + .is2d .queen when (@ChangePieces = 1) { &.black { @svg: escape( '' ); background-image: url("data:image/svg+xml,@{svg}") !important; } - &.white { + &.white when (@ChangePieces = 1) { @svg: escape( '' ); @@ -514,6 +549,13 @@ .mchat__tab:hover { background: fade(@accent-color, 50%); } + /* Chat */ + .mchat__messages li.me { + border-color: @green; + } + .mchat__presets span { + border-color : @surface1 + } /* Openings */ .opening__config, .opening__next { @@ -580,5 +622,43 @@ .form-control:invalid { border-color: @red; } + #dasher_app .links a:hover, #dasher_app .links a:hover::before, #dasher_app .links button:hover, #dasher_app .subs .sub:hover { + background-color: @green; + color: @mantle; + } + #dasher_app .head::before { + color: @green; + } + /* Misc */ + .daily-feed__update__marker.nobg { + background-color: @mantle; + border-color: @peach; + } + .daily-feed__updates { + border-color: @peach; + } + bad,.crosstable .loss { + color: @red + } + good, .crosstable .win, .user-link.online .line { + color: @green + } + #dasher_app .piece .no-square.active { + background-color: @green; + } + #dasher_app .selector button.active { + background-color: @green!important; + color: @mantle!important; + } + #dasher_app .selector button.active::before { + color: @mantle!important; + } + #dasher_app .selector button:hover { + background-color: darken(@green, 30%); + color: @mantle; + } + :root:has(body[data-theme="system"]) #topnav.hover section:hover > a, :root:has(body[data-theme="system"]) #topnav section:active > a, :root:has(body[data-theme="system"]) #topnav div a, :root:has(body[data-theme="system"]) #dasher_app .selector button, :root:has(body[data-theme="system"]) #dasher_app .head, :root:has(body[data-theme="system"]) #dasher_app .piece .no-square, :root:has(body[data-theme="system"]) #dasher_app .theme .list button, :root:has(body[data-theme="system"]) #dasher_app .links a, :root:has(body[data-theme="system"]) #dasher_app .links button, :root:has(body[data-theme="system"]) #dasher_app .subs .sub, :root:has(body[data-theme="system"]) .site-buttons .dropdown a, :root:has(body[data-theme="system"]) .site-buttons .dropdown button { + color: @surface1 + } } } From d4ac91390df716a5eedb7da33f19ff7b0fcf28aa Mon Sep 17 00:00:00 2001 From: king_cube <138169081+kingofcube@users.noreply.github.com> Date: Sun, 10 Mar 2024 15:54:58 -0400 Subject: [PATCH 03/18] Update catppuccin.user.css --- 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 6627e3ba2f..05b6918f27 100644 --- a/styles/lichess/catppuccin.user.css +++ b/styles/lichess/catppuccin.user.css @@ -2,7 +2,7 @@ @name Lichess Catppuccin @namespace github.com/catppuccin/userstyles/styles/lichess @homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/lichess -@version 0.0.1 +@version 0.0.2 @updateURL https://github.com/catppuccin/userstyles/raw/main/styles/lichess/catppuccin.user.css @supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Alichess @description Soothing pastel theme for Lichess From c120fa57ec3db8148a4e8822e8ad56590725e18b Mon Sep 17 00:00:00 2001 From: king_cube <138169081+kingofcube@users.noreply.github.com> Date: Sun, 10 Mar 2024 16:20:14 -0400 Subject: [PATCH 04/18] Update userstyles.yml --- scripts/userstyles.yml | 2 ++ 1 file changed, 2 insertions(+) diff --git a/scripts/userstyles.yml b/scripts/userstyles.yml index 26aaa80558..67df5cd966 100644 --- a/scripts/userstyles.yml +++ b/scripts/userstyles.yml @@ -1,6 +1,8 @@ collaborators: - &anubisnekhet url: https://github.com/AnubisNekhet + - &kingcube + url: https://github.com/kingofcube - &ndsboy url: https://github.com/ndsboy - &jn-sena From 799f96cf9f87d54e4f9b7a7f61243a90f2aa5b32 Mon Sep 17 00:00:00 2001 From: king_cube <138169081+kingofcube@users.noreply.github.com> Date: Sun, 10 Mar 2024 16:23:46 -0400 Subject: [PATCH 05/18] Update catppuccin.user.css --- styles/lichess/catppuccin.user.css | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/styles/lichess/catppuccin.user.css b/styles/lichess/catppuccin.user.css index 05b6918f27..8daa183607 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 @@ -75,9 +75,9 @@ --tertiaryColor: @red !important; --backgroundColor: @base !important; --textColor: @text !important; - --surfaceColor: @crust !Important; - --surfaceColorHover: @mantle !Important; - --defaultWhite: @subtext1 !Important; + --surfaceColor: @crust !important; + --surfaceColorHover: @mantle !important; + --defaultWhite: @subtext1 !important; --moveIndicator: @accent-color !important; --preMove: @blue !important; @@ -657,7 +657,7 @@ background-color: darken(@green, 30%); color: @mantle; } - :root:has(body[data-theme="system"]) #topnav.hover section:hover > a, :root:has(body[data-theme="system"]) #topnav section:active > a, :root:has(body[data-theme="system"]) #topnav div a, :root:has(body[data-theme="system"]) #dasher_app .selector button, :root:has(body[data-theme="system"]) #dasher_app .head, :root:has(body[data-theme="system"]) #dasher_app .piece .no-square, :root:has(body[data-theme="system"]) #dasher_app .theme .list button, :root:has(body[data-theme="system"]) #dasher_app .links a, :root:has(body[data-theme="system"]) #dasher_app .links button, :root:has(body[data-theme="system"]) #dasher_app .subs .sub, :root:has(body[data-theme="system"]) .site-buttons .dropdown a, :root:has(body[data-theme="system"]) .site-buttons .dropdown button { + #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: @surface1 } } From b1718f2cb027f227f83c194b1a300aa419c372c1 Mon Sep 17 00:00:00 2001 From: king_cube <138169081+kingofcube@users.noreply.github.com> Date: Sun, 10 Mar 2024 16:26:10 -0400 Subject: [PATCH 06/18] Update userstyles.yml --- scripts/userstyles.yml | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) diff --git a/scripts/userstyles.yml b/scripts/userstyles.yml index 67df5cd966..d9b1a977da 100644 --- a/scripts/userstyles.yml +++ b/scripts/userstyles.yml @@ -1,8 +1,6 @@ collaborators: - &anubisnekhet url: https://github.com/AnubisNekhet - - &kingcube - url: https://github.com/kingofcube - &ndsboy url: https://github.com/ndsboy - &jn-sena @@ -429,7 +427,7 @@ userstyles: readme: usage: "Switch to a default Lichess light/dark theme via **Username** > **Background** for the best experience!" app-link: "https://lichess.org/" - current-maintainers: [*coopw1, *kingofcube] + current-maintainers: [*coopw1] lingva: name: Lingva categories: [translation_tool, productivity] From f4106215061170b3ce1da4be540f32fbd3333d15 Mon Sep 17 00:00:00 2001 From: king_cube <138169081+kingofcube@users.noreply.github.com> Date: Sun, 10 Mar 2024 16:32:53 -0400 Subject: [PATCH 07/18] Update catppuccin.user.css From 5b89ac2840dc8b8e9e1963134361ea4cf724b5bc Mon Sep 17 00:00:00 2001 From: king_cube <138169081+kingofcube@users.noreply.github.com> Date: Sun, 10 Mar 2024 16:37:08 -0400 Subject: [PATCH 08/18] Update catppuccin.user.css --- styles/lichess/catppuccin.user.css | 93 +++--------------------------- 1 file changed, 7 insertions(+), 86 deletions(-) diff --git a/styles/lichess/catppuccin.user.css b/styles/lichess/catppuccin.user.css index 8daa183607..f756e835cd 100644 --- a/styles/lichess/catppuccin.user.css +++ b/styles/lichess/catppuccin.user.css @@ -69,18 +69,6 @@ @crust: @catppuccin[@@lookup][@crust]; @accent-color: @catppuccin[@@lookup][@@accent]; - /* Prettier Lichess Support */ - --primaryColor: @accent-color !important; - --secondaryColor: @peach !important; - --tertiaryColor: @red !important; - --backgroundColor: @base !important; - --textColor: @text !important; - --surfaceColor: @crust !important; - --surfaceColorHover: @mantle !important; - --defaultWhite: @subtext1 !important; - --moveIndicator: @accent-color !important; - --preMove: @blue !important; - /* Main background */ html, body { @@ -156,7 +144,6 @@ } .game-setup .radio input:checked + label { background: @green; - color: @mantle; } /* Text */ @@ -236,9 +223,6 @@ .hook__filters { background-color: fade(@mantle, 50%); } - .lobby__feed { - background-color: @crust; - } .lobby__support a { background: @crust; } @@ -291,31 +275,13 @@ } /* Chess Game */ - - .rcontrols .rematch-decline { - background-color: @red; - } - square.check { - background-image: radial-gradient(ellipse at center, @red 0%, @red 25%, rgba(169, 0, 0, 0) 89%, rgba(158, 0, 0, 0) 100%) - } - #powerTip .forecast-info .title, .rcontrols .rematch.fbt, .cmn-toggle:hover:not(:disabled) + label::after, .cmn-toggle + label::after, .crosstable povs:hover, .crosstable__users, .crosstable__score { - background-image: linear-gradient(to bottom, @surface1, @surface0 100%); - } - .fbt:hover:not(.disabled):not([disabled]) { - background-color: @green; - color: @mantle; - } - group.radio label, group.radio .label, .game-setup .optional-config, .game-setup .ratings, input, textarea, select, .game__meta section:not(:last-child) { - border-color: @surface0; - } - .brown .is2d cg-board { @svg: escape( '' ); background-image: url("data:image/svg+xml,@{svg}") !important; } - .is2d .pawn when (@ChangePieces = 1) { + .is2d .pawn { #piece(@f, @s) { @svg: escape( '' @@ -329,7 +295,7 @@ #piece(@text, @base); } } - .is2d .bishop when (@ChangePieces = 1) { + .is2d .bishop { #piece(@f, @s) { @svg: escape( '' @@ -343,7 +309,7 @@ #piece(@text, @base); } } - .is2d .knight when (@ChangePieces = 1) { + .is2d .knight { #piece(@f, @s) { @svg: escape( '' @@ -357,7 +323,7 @@ #piece(@text, @base); } } - .is2d .rook when (@ChangePieces = 1) { + .is2d .rook { #piece(@f, @s) { @svg: escape( '' @@ -371,7 +337,7 @@ #piece(@text, @base); } } - .is2d .king when (@ChangePieces = 1) { + .is2d .king { #piece(@f, @s) { @svg: escape( '' @@ -385,14 +351,14 @@ #piece(@text, @base); } } - .is2d .queen when (@ChangePieces = 1) { + .is2d .queen { &.black { @svg: escape( '' ); background-image: url("data:image/svg+xml,@{svg}") !important; } - &.white when (@ChangePieces = 1) { + &.white { @svg: escape( '' ); @@ -549,13 +515,6 @@ .mchat__tab:hover { background: fade(@accent-color, 50%); } - /* Chat */ - .mchat__messages li.me { - border-color: @green; - } - .mchat__presets span { - border-color : @surface1 - } /* Openings */ .opening__config, .opening__next { @@ -622,43 +581,5 @@ .form-control:invalid { border-color: @red; } - #dasher_app .links a:hover, #dasher_app .links a:hover::before, #dasher_app .links button:hover, #dasher_app .subs .sub:hover { - background-color: @green; - color: @mantle; - } - #dasher_app .head::before { - color: @green; - } - /* Misc */ - .daily-feed__update__marker.nobg { - background-color: @mantle; - border-color: @peach; - } - .daily-feed__updates { - border-color: @peach; - } - bad,.crosstable .loss { - color: @red - } - good, .crosstable .win, .user-link.online .line { - color: @green - } - #dasher_app .piece .no-square.active { - background-color: @green; - } - #dasher_app .selector button.active { - background-color: @green!important; - color: @mantle!important; - } - #dasher_app .selector button.active::before { - color: @mantle!important; - } - #dasher_app .selector button:hover { - background-color: darken(@green, 30%); - color: @mantle; - } - #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: @surface1 - } } } From cbf1f555adb4adb3ab2ca30273731c06d4f1d2b3 Mon Sep 17 00:00:00 2001 From: king_cube <138169081+kingofcube@users.noreply.github.com> Date: Sun, 10 Mar 2024 17:07:20 -0400 Subject: [PATCH 09/18] Update catppuccin.user.css --- styles/lichess/catppuccin.user.css | 96 +++++++++++++++++++++++++++--- 1 file changed, 89 insertions(+), 7 deletions(-) diff --git a/styles/lichess/catppuccin.user.css b/styles/lichess/catppuccin.user.css index f756e835cd..4d762bd301 100644 --- a/styles/lichess/catppuccin.user.css +++ b/styles/lichess/catppuccin.user.css @@ -69,6 +69,18 @@ @crust: @catppuccin[@@lookup][@crust]; @accent-color: @catppuccin[@@lookup][@@accent]; + /* Prettier Lichess Support */ + --primaryColor: @accent-color !important; + --secondaryColor: @peach !important; + --tertiaryColor: @red !important; + --backgroundColor: @base !important; + --textColor: @text !important; + --surfaceColor: @crust !important; + --surfaceColorHover: @mantle !important; + --defaultWhite: @subtext1 !important; + --moveIndicator: @accent-color !important; + --preMove: @blue !important; + /* Main background */ html, body { @@ -135,6 +147,9 @@ } /* Popup skining */ + .now-playing .indicator { + color: @red; + } dialog { background: @crust; } @@ -144,6 +159,7 @@ } .game-setup .radio input:checked + label { background: @green; + color: @mantle; } /* Text */ @@ -223,6 +239,9 @@ .hook__filters { background-color: fade(@mantle, 50%); } + .lobby__feed { + background-color: @crust; + } .lobby__support a { background: @crust; } @@ -275,13 +294,31 @@ } /* Chess Game */ + + .rcontrols .rematch-decline { + background-color: @red; + } + square.check { + background-image: radial-gradient(ellipse at center, @red 0%, @red 25%, rgba(169, 0, 0, 0) 89%, rgba(158, 0, 0, 0) 100%) + } + #powerTip .forecast-info .title, .rcontrols .rematch.fbt, .cmn-toggle:hover:not(:disabled) + label::after, .cmn-toggle + label::after, .crosstable povs:hover, .crosstable__users, .crosstable__score { + background-image: linear-gradient(to bottom, @surface1, @surface0 100%); + } + .fbt:hover:not(.disabled):not([disabled]) { + background-color: @green; + color: @mantle; + } + group.radio label, group.radio .label, .game-setup .optional-config, .game-setup .ratings, input, textarea, select, .game__meta section:not(:last-child) { + border-color: @surface0; + } + .brown .is2d cg-board { @svg: escape( '' ); background-image: url("data:image/svg+xml,@{svg}") !important; } - .is2d .pawn { + .is2d .pawn when (@ChangePieces = 1) { #piece(@f, @s) { @svg: escape( '' @@ -295,7 +332,7 @@ #piece(@text, @base); } } - .is2d .bishop { + .is2d .bishop when (@ChangePieces = 1) { #piece(@f, @s) { @svg: escape( '' @@ -309,7 +346,7 @@ #piece(@text, @base); } } - .is2d .knight { + .is2d .knight when (@ChangePieces = 1) { #piece(@f, @s) { @svg: escape( '' @@ -323,7 +360,7 @@ #piece(@text, @base); } } - .is2d .rook { + .is2d .rook when (@ChangePieces = 1) { #piece(@f, @s) { @svg: escape( '' @@ -337,7 +374,7 @@ #piece(@text, @base); } } - .is2d .king { + .is2d .king when (@ChangePieces = 1) { #piece(@f, @s) { @svg: escape( '' @@ -351,14 +388,14 @@ #piece(@text, @base); } } - .is2d .queen { + .is2d .queen when (@ChangePieces = 1) { &.black { @svg: escape( '' ); background-image: url("data:image/svg+xml,@{svg}") !important; } - &.white { + &.white when (@ChangePieces = 1) { @svg: escape( '' ); @@ -515,6 +552,13 @@ .mchat__tab:hover { background: fade(@accent-color, 50%); } + /* Chat */ + .mchat__messages li.me { + border-color: @green; + } + .mchat__presets span { + border-color : @surface1 + } /* Openings */ .opening__config, .opening__next { @@ -581,5 +625,43 @@ .form-control:invalid { border-color: @red; } + #dasher_app .links a:hover, #dasher_app .links a:hover::before, #dasher_app .links button:hover, #dasher_app .subs .sub:hover { + background-color: @green; + color: @mantle; + } + #dasher_app .head::before { + color: @green; + } + /* Misc */ + .daily-feed__update__marker.nobg { + background-color: @mantle; + border-color: @peach; + } + .daily-feed__updates { + border-color: @peach; + } + bad,.crosstable .loss { + color: @red + } + good, .crosstable .win, .user-link.online .line { + color: @green + } + #dasher_app .piece .no-square.active { + background-color: @green; + } + #dasher_app .selector button.active { + background-color: @green!important; + color: @mantle!important; + } + #dasher_app .selector button.active::before { + color: @mantle!important; + } + #dasher_app .selector button:hover { + background-color: darken(@green, 30%); + color: @mantle; + } + #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: @surface1 + } } } From 043767dc1bec13a182f98ab17c4aa798948c23b5 Mon Sep 17 00:00:00 2001 From: king_cube <138169081+kingofcube@users.noreply.github.com> Date: Sun, 10 Mar 2024 17:13:29 -0400 Subject: [PATCH 10/18] Update catppuccin.user.css From 2b70c9969258bf6720a66263d60ed89d61dcb019 Mon Sep 17 00:00:00 2001 From: king_cube <138169081+kingofcube@users.noreply.github.com> Date: Sun, 10 Mar 2024 17:19:50 -0400 Subject: [PATCH 11/18] Update catppuccin.user.css --- styles/lichess/catppuccin.user.css | 15 ++++++++++++--- 1 file changed, 12 insertions(+), 3 deletions(-) diff --git a/styles/lichess/catppuccin.user.css b/styles/lichess/catppuccin.user.css index 4d762bd301..c457e09ce6 100644 --- a/styles/lichess/catppuccin.user.css +++ b/styles/lichess/catppuccin.user.css @@ -147,6 +147,18 @@ } /* Popup skining */ + #modal-wrap .close { + background-color: @mantle; + color: @overlay2 + } + dialog button.close-button { + background-color: @mantle; + color: @overlay2 + } + dialog:not(.touch-scroll) button.close-button:hover { + background-color: @red; + color: @mantle + } .now-playing .indicator { color: @red; } @@ -660,8 +672,5 @@ background-color: darken(@green, 30%); color: @mantle; } - #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: @surface1 - } } } From e7db343579620afd5889d92f2fccdfee91b96071 Mon Sep 17 00:00:00 2001 From: king_cube <138169081+kingofcube@users.noreply.github.com> Date: Sun, 10 Mar 2024 17:20:50 -0400 Subject: [PATCH 12/18] Update styles/lichess/catppuccin.user.css 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 c457e09ce6..8d867c0fd7 100644 --- a/styles/lichess/catppuccin.user.css +++ b/styles/lichess/catppuccin.user.css @@ -316,7 +316,7 @@ #powerTip .forecast-info .title, .rcontrols .rematch.fbt, .cmn-toggle:hover:not(:disabled) + label::after, .cmn-toggle + label::after, .crosstable povs:hover, .crosstable__users, .crosstable__score { background-image: linear-gradient(to bottom, @surface1, @surface0 100%); } - .fbt:hover:not(.disabled):not([disabled]) { + .fbt:hover:not(.disabled, [disabled]) { background-color: @green; color: @mantle; } From 41e6ad6f201ffd4d33b1537b9bc32169e0cdde5b Mon Sep 17 00:00:00 2001 From: king_cube <138169081+kingofcube@users.noreply.github.com> Date: Sun, 10 Mar 2024 17:21:01 -0400 Subject: [PATCH 13/18] Update styles/lichess/catppuccin.user.css Co-authored-by: uncenter <47499684+uncenter@users.noreply.github.com> --- styles/lichess/catppuccin.user.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/styles/lichess/catppuccin.user.css b/styles/lichess/catppuccin.user.css index 8d867c0fd7..e259985aa8 100644 --- a/styles/lichess/catppuccin.user.css +++ b/styles/lichess/catppuccin.user.css @@ -13,7 +13,8 @@ @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"] -@var checkbox ChangePieces "Change the chess pieces." 1 + +@var checkbox changePieces "Theme chess pieces." 1 ==/UserStyle== */ @-moz-document domain("lichess.org") { From 8c3dde070c83e6d82f1ab56b4f9052119a9ad929 Mon Sep 17 00:00:00 2001 From: king_cube <138169081+kingofcube@users.noreply.github.com> Date: Sun, 10 Mar 2024 17:22:50 -0400 Subject: [PATCH 14/18] Update catppuccin.user.css --- styles/lichess/catppuccin.user.css | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/styles/lichess/catppuccin.user.css b/styles/lichess/catppuccin.user.css index e259985aa8..c457e09ce6 100644 --- a/styles/lichess/catppuccin.user.css +++ b/styles/lichess/catppuccin.user.css @@ -13,8 +13,7 @@ @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"] - -@var checkbox changePieces "Theme chess pieces." 1 +@var checkbox ChangePieces "Change the chess pieces." 1 ==/UserStyle== */ @-moz-document domain("lichess.org") { @@ -317,7 +316,7 @@ #powerTip .forecast-info .title, .rcontrols .rematch.fbt, .cmn-toggle:hover:not(:disabled) + label::after, .cmn-toggle + label::after, .crosstable povs:hover, .crosstable__users, .crosstable__score { background-image: linear-gradient(to bottom, @surface1, @surface0 100%); } - .fbt:hover:not(.disabled, [disabled]) { + .fbt:hover:not(.disabled):not([disabled]) { background-color: @green; color: @mantle; } From 7f49f44b56b26167792b7e8fc7faf712ca8653a9 Mon Sep 17 00:00:00 2001 From: king_cube <138169081+kingofcube@users.noreply.github.com> Date: Sun, 10 Mar 2024 17:23:57 -0400 Subject: [PATCH 15/18] Update catppuccin.user.css --- styles/lichess/catppuccin.user.css | 1 + 1 file changed, 1 insertion(+) diff --git a/styles/lichess/catppuccin.user.css b/styles/lichess/catppuccin.user.css index c457e09ce6..5b2ea54854 100644 --- a/styles/lichess/catppuccin.user.css +++ b/styles/lichess/catppuccin.user.css @@ -274,6 +274,7 @@ } .unread { background: @red; + color: @mantle } .lobby__box tr:nth-child(even) { background: @crust; From 0314259939b8c6cc14551248729313e7bf5067cf Mon Sep 17 00:00:00 2001 From: king_cube <138169081+kingofcube@users.noreply.github.com> Date: Sun, 10 Mar 2024 17:28:26 -0400 Subject: [PATCH 16/18] Update catppuccin.user.css --- 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 5b2ea54854..da062e6a7d 100644 --- a/styles/lichess/catppuccin.user.css +++ b/styles/lichess/catppuccin.user.css @@ -155,7 +155,7 @@ background-color: @mantle; color: @overlay2 } - dialog:not(.touch-scroll) button.close-button:hover { + dialog button.close-button:hover { background-color: @red; color: @mantle } From 3572cdb567769089a24380db258563b7e58c64ea Mon Sep 17 00:00:00 2001 From: king_cube <138169081+kingofcube@users.noreply.github.com> Date: Sun, 10 Mar 2024 17:31:16 -0400 Subject: [PATCH 17/18] Update catppuccin.user.css --- 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 da062e6a7d..a00792d944 100644 --- a/styles/lichess/catppuccin.user.css +++ b/styles/lichess/catppuccin.user.css @@ -317,7 +317,7 @@ #powerTip .forecast-info .title, .rcontrols .rematch.fbt, .cmn-toggle:hover:not(:disabled) + label::after, .cmn-toggle + label::after, .crosstable povs:hover, .crosstable__users, .crosstable__score { background-image: linear-gradient(to bottom, @surface1, @surface0 100%); } - .fbt:hover:not(.disabled):not([disabled]) { + .fbt:hover:not(.disabled, [disabled]) { background-color: @green; color: @mantle; } From 20c36c316d2a7f2c616ebc1f93e366d60bc6460a Mon Sep 17 00:00:00 2001 From: king_cube <138169081+kingofcube@users.noreply.github.com> Date: Wed, 13 Mar 2024 20:53:50 -0400 Subject: [PATCH 18/18] themed and fixed alot of things --- styles/lichess/catppuccin.user.css | 73 ++++++++++++++++++++++++++++-- 1 file changed, 70 insertions(+), 3 deletions(-) diff --git a/styles/lichess/catppuccin.user.css b/styles/lichess/catppuccin.user.css index a00792d944..f75f13a024 100644 --- a/styles/lichess/catppuccin.user.css +++ b/styles/lichess/catppuccin.user.css @@ -302,6 +302,10 @@ .learn__side-home { background: @blue; } + .learn-stages .stage h3, + .learn-stages .stage p { + color: @mantle + } .learn-stages .stage.future { background: @red; } @@ -444,8 +448,8 @@ background: @mantle; color: @text; } - .rclock.running .time { - background: #384722; /* putting it back to default so that the time on the clock is readable */ + .rclock.running .time, :root:has(body[data-theme="system"]) .rclock.running .time { + background-color: darken(@accent-color, 45); } .rclock .bar { background: @accent-color; @@ -656,7 +660,7 @@ bad,.crosstable .loss { color: @red } - good, .crosstable .win, .user-link.online .line { + good, .crosstable .win, .user-link.online .line, .ceval .technology.good { color: @green } #dasher_app .piece .no-square.active { @@ -673,5 +677,68 @@ background-color: darken(@green, 30%); color: @mantle; } + .board-editor .spare .no-square.selected-square { + background-color: @blue + } + .board-editor .spare-top, .board-editor .spare { + background-color: @surface0 + } + .board-editor .spare .no-square.trash.selected-square { + background-color: @red + } + .analyse__moves { + border-color: @surface1 + } + #topnav div a:hover { + background-color: @accent-color; + color: @mantle + } + .copyables .name, .ceval help, .ceval .engine { + color: @subtext1 + } + .tv-single .tv-history h2 { + color: @subtext0 + } + .cmn-toggle--subtle:not(:checked) + label { + background-color: @surface1 + } + .cmn-toggle--subtle:not(:checked) + label::before { + color: @surface1 + } + .cmn-toggle + label { + border-color: @surface1 + } + .mselect__list .current { + background-color: @mantle; + } + .mselect__list > :hover { + color: @mantle; + background-color: @accent-color + } + .cmn-toggle:not(:checked) + label { + background-color: @red + } + .cmn-toggle:not(:checked) + label::before, .tv-channel.active > span::before { + color: @red + } + .ublog-index .box__top__actions .atom { + color: @subtext1 + } + .ublog-index .box__top__actions .atom:hover { + color: @peach + } + .ceval .settings-gear.active { + color: @mantle + } + .community__leaders .leaderboards h2 { + background-color: darken(@peach, 45); + color: mantle + } + .user-link { + color: @accent-color + } + .tv-channel > span::before { + color: @blue; + } } }