From 5ac30616a3845768adb72324ef9332f1e911e62f Mon Sep 17 00:00:00 2001 From: ElectricalBoy <15651807+ElectricalBoy@users.noreply.github.com> Date: Thu, 7 May 2026 10:19:30 +0900 Subject: [PATCH 1/8] update color def --- stylesheets/commons/Colours.scss | 24 +++++++----------------- stylesheets/commons/Label.scss | 8 ++++---- 2 files changed, 11 insertions(+), 21 deletions(-) diff --git a/stylesheets/commons/Colours.scss b/stylesheets/commons/Colours.scss index ff7329e0417..bee32a8461d 100644 --- a/stylesheets/commons/Colours.scss +++ b/stylesheets/commons/Colours.scss @@ -756,22 +756,12 @@ ul.nav-tabs li.game-wiiu, /* Standings position / placement colors */ -.theme--light { - --position-byeup-color: #8046a3; - --position-seedup-color: #006bd4; - --position-up-color: var( --clr-semantic-positive-30 ); - --position-stayup-color: #094e09; +html { + --position-byeup-color: #9641c9; + --position-seedup-color: #0572dd; + --position-up-color: #00ba00; + --position-stayup-color: #005a00; --position-stay-color: #966f00; - --position-staydown-color: #d4400f; - --position-down-color: var( --clr-semantic-negative-40 ); -} - -.theme--dark { - --position-byeup-color: #cc9fe7; - --position-seedup-color: #a9caeb; - --position-up-color: #65a765; - --position-stayup-color: #b6f8b6; - --position-stay-color: #e5c976; - --position-staydown-color: #f2a288; - --position-down-color: #fc6868; + --position-staydown-color: #c85000; + --position-down-color: #d02626; } diff --git a/stylesheets/commons/Label.scss b/stylesheets/commons/Label.scss index 7d20ee36f66..eb02c94e781 100644 --- a/stylesheets/commons/Label.scss +++ b/stylesheets/commons/Label.scss @@ -115,10 +115,6 @@ --placement-text-color: var( --clr-secondary-100 ); - .theme--dark & { - --placement-text-color: var( --clr-secondary-9 ); - } - &:not( [ data-placement-type ] ) { --placement-solid-color: var( --clr-on-surface-light-primary-4 ); --placement-text-color: var( --clr-secondary-25 ); @@ -133,6 +129,10 @@ color: var( --placement-solid-color ); background-color: hsl( from var( --placement-solid-color ) h s l / 0.08 ); box-shadow: 0 0 0 calc( var( --label-scale ) * 0.0125rem ) var( --placement-solid-color ) inset; + + .theme--dark & { + color: var( --placement-text-color ); + } } &[ data-placement-type="byeup" ] { From 5d1120a8072ba7797db7b2dd496e91f50c289a67 Mon Sep 17 00:00:00 2001 From: ElectricalBoy <15651807+ElectricalBoy@users.noreply.github.com> Date: Thu, 7 May 2026 10:40:33 +0900 Subject: [PATCH 2/8] add background --- stylesheets/commons/Colours.scss | 20 ++++++++++++++++ stylesheets/commons/Standings.scss | 37 ++++++++++++++++++++++++++++++ 2 files changed, 57 insertions(+) diff --git a/stylesheets/commons/Colours.scss b/stylesheets/commons/Colours.scss index bee32a8461d..589a0ad6873 100644 --- a/stylesheets/commons/Colours.scss +++ b/stylesheets/commons/Colours.scss @@ -765,3 +765,23 @@ html { --position-staydown-color: #c85000; --position-down-color: #d02626; } + +.theme--light { + --position-byeup-background-color: #f7e9ff; + --position-seedup-background-color: #d9ecff; + --position-up-background-color: #d5f7d5; + --position-stayup-background-color: #ebffeb; + --position-stay-background-color: #fff7df; + --position-staydown-background-color: #ffe7d9; + --position-down-background-color: #ffe9e9; +} + +.theme--dark { + --position-byeup-background-color: #3a1f4b; + --position-seedup-background-color: #15385b; + --position-up-background-color: #053b05; + --position-stayup-background-color: #052f05; + --position-stay-background-color: #413106; + --position-staydown-background-color: #441e05; + --position-down-background-color: #3f1212; +} diff --git a/stylesheets/commons/Standings.scss b/stylesheets/commons/Standings.scss index c65827c5a5c..37fb91a682d 100644 --- a/stylesheets/commons/Standings.scss +++ b/stylesheets/commons/Standings.scss @@ -1,5 +1,7 @@ .standings-ffa, .standings-swiss { + --confirmed-placement-background-opacity: 0.25; + tr[ data-position-status ] { position: relative; @@ -40,6 +42,41 @@ &[ data-position-status="down" ] { --placement-row-color: var( --position-down-color ); } + + &:has( > :first-child > .label--placement[ data-placement-type ] ) { + > :nth-child( -n + 2 ), + &:has( > :nth-child( 2 ) > .standings-position-indicator ) > :nth-child( 3 ) { + background-color: var( --placement-confirmed-color ); + } + } + + &:has( > :first-child > .label--placement[ data-placement-type="byeup" ] ) { + --placement-confirmed-color: var( --position-byeup-background-color ); + } + + &:has( > :first-child > .label--placement[ data-placement-type="seedup" ] ) { + --placement-confirmed-color: var( --position-seedup-background-color ); + } + + &:has( > :first-child > .label--placement[ data-placement-type="up" ] ) { + --placement-confirmed-color: var( --position-up-background-color ); + } + + &:has( > :first-child > .label--placement[ data-placement-type="stayup" ] ) { + --placement-confirmed-color: var( --position-stayup-background-color ); + } + + &:has( > :first-child > .label--placement[ data-placement-type="stay" ] ) { + --placement-confirmed-color: var( --position-stay-background-color ); + } + + &:has( > :first-child > .label--placement[ data-placement-type="staydown" ] ) { + --placement-confirmed-color: var( --position-staydown-background-color ); + } + + &:has( > :first-child > .label--placement[ data-placement-type="down" ] ) { + --placement-confirmed-color: var( --position-down-background-color ); + } } } From a5f7b6d245b355c7c6dabba3b08a9811dc83bcd2 Mon Sep 17 00:00:00 2001 From: ElectricalBoy <15651807+ElectricalBoy@users.noreply.github.com> Date: Thu, 7 May 2026 10:48:19 +0900 Subject: [PATCH 3/8] fix incorrect color --- stylesheets/commons/Colours.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/stylesheets/commons/Colours.scss b/stylesheets/commons/Colours.scss index 589a0ad6873..ac3eac1e11d 100644 --- a/stylesheets/commons/Colours.scss +++ b/stylesheets/commons/Colours.scss @@ -759,7 +759,7 @@ ul.nav-tabs li.game-wiiu, html { --position-byeup-color: #9641c9; --position-seedup-color: #0572dd; - --position-up-color: #00ba00; + --position-up-color: #008a00; --position-stayup-color: #005a00; --position-stay-color: #966f00; --position-staydown-color: #c85000; From f4f45a5e9089f01a66672b6ff09e3798b578d3a7 Mon Sep 17 00:00:00 2001 From: ElectricalBoy <15651807+ElectricalBoy@users.noreply.github.com> Date: Thu, 7 May 2026 11:00:08 +0900 Subject: [PATCH 4/8] restore hovering --- stylesheets/commons/Standings.scss | 11 +++++++++++ 1 file changed, 11 insertions(+) diff --git a/stylesheets/commons/Standings.scss b/stylesheets/commons/Standings.scss index 37fb91a682d..f9648dec2bc 100644 --- a/stylesheets/commons/Standings.scss +++ b/stylesheets/commons/Standings.scss @@ -48,6 +48,17 @@ &:has( > :nth-child( 2 ) > .standings-position-indicator ) > :nth-child( 3 ) { background-color: var( --placement-confirmed-color ); } + + &:hover { + > :nth-child( -n + 2 ), + &:has( > :nth-child( 2 ) > .standings-position-indicator ) > :nth-child( 3 ) { + background-color: hsl( from var( --placement-confirmed-color ) h s calc( l * 0.9 ) ); + + .theme--dark & { + background-color: hsl( from var( --placement-confirmed-color ) h s calc( l * 1.25 ) ); + } + } + } } &:has( > :first-child > .label--placement[ data-placement-type="byeup" ] ) { From 1f973420c9fa7bd78ced753f4c9df606d81a257f Mon Sep 17 00:00:00 2001 From: ElectricalBoy <15651807+ElectricalBoy@users.noreply.github.com> Date: Thu, 7 May 2026 11:06:47 +0900 Subject: [PATCH 5/8] add border --- stylesheets/commons/Standings.scss | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/stylesheets/commons/Standings.scss b/stylesheets/commons/Standings.scss index f9648dec2bc..6ab1c01fd93 100644 --- a/stylesheets/commons/Standings.scss +++ b/stylesheets/commons/Standings.scss @@ -5,6 +5,14 @@ tr[ data-position-status ] { position: relative; + &:not( :last-child ) { + border-bottom: 1px solid var( --clr-on-surface-light-primary-8 ); + + .theme--dark & { + border-bottom: 1px solid var( --clr-on-surface-dark-primary-8 ); + } + } + &::after { content: ""; position: absolute; From db0f7e3f708ca1d651a076bac23311369c69d843 Mon Sep 17 00:00:00 2001 From: ElectricalBoy <15651807+ElectricalBoy@users.noreply.github.com> Date: Thu, 7 May 2026 11:09:30 +0900 Subject: [PATCH 6/8] define color under root --- stylesheets/commons/Colours.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/stylesheets/commons/Colours.scss b/stylesheets/commons/Colours.scss index ac3eac1e11d..269236548aa 100644 --- a/stylesheets/commons/Colours.scss +++ b/stylesheets/commons/Colours.scss @@ -756,7 +756,7 @@ ul.nav-tabs li.game-wiiu, /* Standings position / placement colors */ -html { +:root { --position-byeup-color: #9641c9; --position-seedup-color: #0572dd; --position-up-color: #008a00; From b3b5fc55c08746ea901f4ee91f3b258bbf9f91b8 Mon Sep 17 00:00:00 2001 From: ElectricalBoy <15651807+ElectricalBoy@users.noreply.github.com> Date: Thu, 7 May 2026 11:17:18 +0900 Subject: [PATCH 7/8] remove unused stuff --- stylesheets/commons/Standings.scss | 2 -- 1 file changed, 2 deletions(-) diff --git a/stylesheets/commons/Standings.scss b/stylesheets/commons/Standings.scss index 6ab1c01fd93..f3fbc96568a 100644 --- a/stylesheets/commons/Standings.scss +++ b/stylesheets/commons/Standings.scss @@ -1,7 +1,5 @@ .standings-ffa, .standings-swiss { - --confirmed-placement-background-opacity: 0.25; - tr[ data-position-status ] { position: relative; From cd2aa8d5246d32d2d6085ce8fb82f447e0b932b0 Mon Sep 17 00:00:00 2001 From: ElectricalBoy <15651807+ElectricalBoy@users.noreply.github.com> Date: Thu, 7 May 2026 11:31:21 +0900 Subject: [PATCH 8/8] fix border thickness --- stylesheets/commons/Label.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/stylesheets/commons/Label.scss b/stylesheets/commons/Label.scss index eb02c94e781..1984bbeef80 100644 --- a/stylesheets/commons/Label.scss +++ b/stylesheets/commons/Label.scss @@ -128,7 +128,7 @@ &[ data-label-type="placement-minimum" ] { color: var( --placement-solid-color ); background-color: hsl( from var( --placement-solid-color ) h s l / 0.08 ); - box-shadow: 0 0 0 calc( var( --label-scale ) * 0.0125rem ) var( --placement-solid-color ) inset; + box-shadow: 0 0 0 calc( var( --label-scale ) * 0.0625rem ) var( --placement-solid-color ) inset; .theme--dark & { color: var( --placement-text-color );