diff --git a/lua/spec/snapshots/LeagueIcon.generate_copy_paste_gen.png b/lua/spec/snapshots/LeagueIcon.generate_copy_paste_gen.png index 9880e0f4538..ac2bed5dc11 100644 Binary files a/lua/spec/snapshots/LeagueIcon.generate_copy_paste_gen.png and b/lua/spec/snapshots/LeagueIcon.generate_copy_paste_gen.png differ diff --git a/lua/spec/snapshots/Slider.png b/lua/spec/snapshots/Slider.png index 37491c62b57..94a40a95c16 100644 Binary files a/lua/spec/snapshots/Slider.png and b/lua/spec/snapshots/Slider.png differ diff --git a/lua/spec/snapshots/date range display.png b/lua/spec/snapshots/date range display.png index 10617de2c64..dae2ba72e15 100644 Binary files a/lua/spec/snapshots/date range display.png and b/lua/spec/snapshots/date range display.png differ diff --git a/lua/spec/snapshots/dota2 rankings.png b/lua/spec/snapshots/dota2 rankings.png index e61cb14992e..fc81ff1844a 100644 Binary files a/lua/spec/snapshots/dota2 rankings.png and b/lua/spec/snapshots/dota2 rankings.png differ diff --git a/lua/spec/snapshots/infobox_league_apexlegends.png b/lua/spec/snapshots/infobox_league_apexlegends.png index 233f01a9aeb..939eb0bd69a 100644 Binary files a/lua/spec/snapshots/infobox_league_apexlegends.png and b/lua/spec/snapshots/infobox_league_apexlegends.png differ diff --git a/lua/spec/snapshots/infobox_league_counterstrike.png b/lua/spec/snapshots/infobox_league_counterstrike.png index 0341ac21dd6..bf6b5df07fa 100644 Binary files a/lua/spec/snapshots/infobox_league_counterstrike.png and b/lua/spec/snapshots/infobox_league_counterstrike.png differ diff --git a/lua/spec/snapshots/infobox_league_dota2.png b/lua/spec/snapshots/infobox_league_dota2.png index 5bc43aff940..8a34131089d 100644 Binary files a/lua/spec/snapshots/infobox_league_dota2.png and b/lua/spec/snapshots/infobox_league_dota2.png differ diff --git a/lua/spec/snapshots/infobox_league_leagueoflegends.png b/lua/spec/snapshots/infobox_league_leagueoflegends.png index 0341ac21dd6..bf6b5df07fa 100644 Binary files a/lua/spec/snapshots/infobox_league_leagueoflegends.png and b/lua/spec/snapshots/infobox_league_leagueoflegends.png differ diff --git a/lua/spec/snapshots/infobox_league_mobilelegends.png b/lua/spec/snapshots/infobox_league_mobilelegends.png index 0341ac21dd6..bf6b5df07fa 100644 Binary files a/lua/spec/snapshots/infobox_league_mobilelegends.png and b/lua/spec/snapshots/infobox_league_mobilelegends.png differ diff --git a/lua/spec/snapshots/infobox_league_overwatch.png b/lua/spec/snapshots/infobox_league_overwatch.png index 5f4f4242ddd..4ea02e0a81a 100644 Binary files a/lua/spec/snapshots/infobox_league_overwatch.png and b/lua/spec/snapshots/infobox_league_overwatch.png differ diff --git a/lua/spec/snapshots/infobox_league_rainbowsix.png b/lua/spec/snapshots/infobox_league_rainbowsix.png index 00bbe611b18..33db23e7b1e 100644 Binary files a/lua/spec/snapshots/infobox_league_rainbowsix.png and b/lua/spec/snapshots/infobox_league_rainbowsix.png differ diff --git a/lua/spec/snapshots/infobox_league_rocketleague.png b/lua/spec/snapshots/infobox_league_rocketleague.png index 0341ac21dd6..bf6b5df07fa 100644 Binary files a/lua/spec/snapshots/infobox_league_rocketleague.png and b/lua/spec/snapshots/infobox_league_rocketleague.png differ diff --git a/lua/spec/snapshots/infobox_league_starcraft2.png b/lua/spec/snapshots/infobox_league_starcraft2.png index 365beb690b6..fe8d146cf3d 100644 Binary files a/lua/spec/snapshots/infobox_league_starcraft2.png and b/lua/spec/snapshots/infobox_league_starcraft2.png differ diff --git a/lua/spec/snapshots/infobox_league_valorant.png b/lua/spec/snapshots/infobox_league_valorant.png index 0341ac21dd6..bf6b5df07fa 100644 Binary files a/lua/spec/snapshots/infobox_league_valorant.png and b/lua/spec/snapshots/infobox_league_valorant.png differ diff --git a/lua/spec/snapshots/match2_matchlist_smoke_apexlegends.png b/lua/spec/snapshots/match2_matchlist_smoke_apexlegends.png index 89e1daa1021..7669eff1fce 100644 Binary files a/lua/spec/snapshots/match2_matchlist_smoke_apexlegends.png and b/lua/spec/snapshots/match2_matchlist_smoke_apexlegends.png differ diff --git a/lua/spec/snapshots/match2_matchlist_smoke_counterstrike.png b/lua/spec/snapshots/match2_matchlist_smoke_counterstrike.png index 12cd3c3c1a2..4ccd1dff53f 100644 Binary files a/lua/spec/snapshots/match2_matchlist_smoke_counterstrike.png and b/lua/spec/snapshots/match2_matchlist_smoke_counterstrike.png differ diff --git a/lua/spec/snapshots/match2_matchlist_smoke_dota2.png b/lua/spec/snapshots/match2_matchlist_smoke_dota2.png index 12cd3c3c1a2..4ccd1dff53f 100644 Binary files a/lua/spec/snapshots/match2_matchlist_smoke_dota2.png and b/lua/spec/snapshots/match2_matchlist_smoke_dota2.png differ diff --git a/lua/spec/snapshots/match2_matchlist_smoke_leagueoflegends.png b/lua/spec/snapshots/match2_matchlist_smoke_leagueoflegends.png index 12cd3c3c1a2..4ccd1dff53f 100644 Binary files a/lua/spec/snapshots/match2_matchlist_smoke_leagueoflegends.png and b/lua/spec/snapshots/match2_matchlist_smoke_leagueoflegends.png differ diff --git a/lua/spec/snapshots/match2_matchlist_smoke_mobilelegends.png b/lua/spec/snapshots/match2_matchlist_smoke_mobilelegends.png index 12cd3c3c1a2..4ccd1dff53f 100644 Binary files a/lua/spec/snapshots/match2_matchlist_smoke_mobilelegends.png and b/lua/spec/snapshots/match2_matchlist_smoke_mobilelegends.png differ diff --git a/lua/spec/snapshots/match2_matchlist_smoke_overwatch.png b/lua/spec/snapshots/match2_matchlist_smoke_overwatch.png index 12cd3c3c1a2..4ccd1dff53f 100644 Binary files a/lua/spec/snapshots/match2_matchlist_smoke_overwatch.png and b/lua/spec/snapshots/match2_matchlist_smoke_overwatch.png differ diff --git a/lua/spec/snapshots/match2_matchlist_smoke_rainbowsix.png b/lua/spec/snapshots/match2_matchlist_smoke_rainbowsix.png index 12cd3c3c1a2..4ccd1dff53f 100644 Binary files a/lua/spec/snapshots/match2_matchlist_smoke_rainbowsix.png and b/lua/spec/snapshots/match2_matchlist_smoke_rainbowsix.png differ diff --git a/lua/spec/snapshots/match2_matchlist_smoke_rocketleague.png b/lua/spec/snapshots/match2_matchlist_smoke_rocketleague.png index 12cd3c3c1a2..4ccd1dff53f 100644 Binary files a/lua/spec/snapshots/match2_matchlist_smoke_rocketleague.png and b/lua/spec/snapshots/match2_matchlist_smoke_rocketleague.png differ diff --git a/lua/spec/snapshots/match2_matchlist_smoke_starcraft2.png b/lua/spec/snapshots/match2_matchlist_smoke_starcraft2.png index 12cd3c3c1a2..4ccd1dff53f 100644 Binary files a/lua/spec/snapshots/match2_matchlist_smoke_starcraft2.png and b/lua/spec/snapshots/match2_matchlist_smoke_starcraft2.png differ diff --git a/lua/spec/snapshots/match2_matchlist_smoke_valorant.png b/lua/spec/snapshots/match2_matchlist_smoke_valorant.png index 12cd3c3c1a2..4ccd1dff53f 100644 Binary files a/lua/spec/snapshots/match2_matchlist_smoke_valorant.png and b/lua/spec/snapshots/match2_matchlist_smoke_valorant.png differ diff --git a/lua/spec/snapshots/prize_pool.png b/lua/spec/snapshots/prize_pool.png index 74dcd66d32d..47d51791b58 100644 Binary files a/lua/spec/snapshots/prize_pool.png and b/lua/spec/snapshots/prize_pool.png differ diff --git a/lua/spec/snapshots/squad_row_apexlegends.png b/lua/spec/snapshots/squad_row_apexlegends.png index 29c73b70fba..4c1cb3fe61d 100644 Binary files a/lua/spec/snapshots/squad_row_apexlegends.png and b/lua/spec/snapshots/squad_row_apexlegends.png differ diff --git a/lua/spec/snapshots/squad_row_counterstrike.png b/lua/spec/snapshots/squad_row_counterstrike.png index 29c73b70fba..4c1cb3fe61d 100644 Binary files a/lua/spec/snapshots/squad_row_counterstrike.png and b/lua/spec/snapshots/squad_row_counterstrike.png differ diff --git a/lua/spec/snapshots/squad_row_dota2.png b/lua/spec/snapshots/squad_row_dota2.png index 29c73b70fba..4c1cb3fe61d 100644 Binary files a/lua/spec/snapshots/squad_row_dota2.png and b/lua/spec/snapshots/squad_row_dota2.png differ diff --git a/lua/spec/snapshots/squad_row_leagueoflegends.png b/lua/spec/snapshots/squad_row_leagueoflegends.png index 29c73b70fba..4c1cb3fe61d 100644 Binary files a/lua/spec/snapshots/squad_row_leagueoflegends.png and b/lua/spec/snapshots/squad_row_leagueoflegends.png differ diff --git a/lua/spec/snapshots/squad_row_mobilelegends.png b/lua/spec/snapshots/squad_row_mobilelegends.png index 29c73b70fba..4c1cb3fe61d 100644 Binary files a/lua/spec/snapshots/squad_row_mobilelegends.png and b/lua/spec/snapshots/squad_row_mobilelegends.png differ diff --git a/lua/spec/snapshots/squad_row_overwatch.png b/lua/spec/snapshots/squad_row_overwatch.png index 29c73b70fba..4c1cb3fe61d 100644 Binary files a/lua/spec/snapshots/squad_row_overwatch.png and b/lua/spec/snapshots/squad_row_overwatch.png differ diff --git a/lua/spec/snapshots/squad_row_rocketleague.png b/lua/spec/snapshots/squad_row_rocketleague.png index 29c73b70fba..4c1cb3fe61d 100644 Binary files a/lua/spec/snapshots/squad_row_rocketleague.png and b/lua/spec/snapshots/squad_row_rocketleague.png differ diff --git a/lua/spec/snapshots/squad_row_starcraft2.png b/lua/spec/snapshots/squad_row_starcraft2.png index 29c73b70fba..4c1cb3fe61d 100644 Binary files a/lua/spec/snapshots/squad_row_starcraft2.png and b/lua/spec/snapshots/squad_row_starcraft2.png differ diff --git a/lua/spec/snapshots/squad_row_valorant.png b/lua/spec/snapshots/squad_row_valorant.png index 29c73b70fba..4c1cb3fe61d 100644 Binary files a/lua/spec/snapshots/squad_row_valorant.png and b/lua/spec/snapshots/squad_row_valorant.png differ diff --git a/lua/spec/snapshots/tabs_dynamic_variants.png b/lua/spec/snapshots/tabs_dynamic_variants.png index 5d6745662ab..d26059b625d 100644 Binary files a/lua/spec/snapshots/tabs_dynamic_variants.png and b/lua/spec/snapshots/tabs_dynamic_variants.png differ diff --git a/lua/spec/snapshots/team_participant.png b/lua/spec/snapshots/team_participant.png index 2557ffdc69b..43c60a1e0a9 100644 Binary files a/lua/spec/snapshots/team_participant.png and b/lua/spec/snapshots/team_participant.png differ diff --git a/lua/spec/snapshots/teamcard_legacy.png b/lua/spec/snapshots/teamcard_legacy.png index 90c03bc5d65..1b9bd12162e 100644 Binary files a/lua/spec/snapshots/teamcard_legacy.png and b/lua/spec/snapshots/teamcard_legacy.png differ diff --git a/lua/spec/snapshots/transfer_row_apexlegends.png b/lua/spec/snapshots/transfer_row_apexlegends.png index dcb0ad80dff..6b76064eacc 100644 Binary files a/lua/spec/snapshots/transfer_row_apexlegends.png and b/lua/spec/snapshots/transfer_row_apexlegends.png differ diff --git a/lua/spec/snapshots/transfer_row_counterstrike.png b/lua/spec/snapshots/transfer_row_counterstrike.png index dcb0ad80dff..6b76064eacc 100644 Binary files a/lua/spec/snapshots/transfer_row_counterstrike.png and b/lua/spec/snapshots/transfer_row_counterstrike.png differ diff --git a/lua/spec/snapshots/transfer_row_dota2.png b/lua/spec/snapshots/transfer_row_dota2.png index dcb0ad80dff..6b76064eacc 100644 Binary files a/lua/spec/snapshots/transfer_row_dota2.png and b/lua/spec/snapshots/transfer_row_dota2.png differ diff --git a/lua/spec/snapshots/transfer_row_leagueoflegends.png b/lua/spec/snapshots/transfer_row_leagueoflegends.png index 725d6bd6dfb..b226c75a67d 100644 Binary files a/lua/spec/snapshots/transfer_row_leagueoflegends.png and b/lua/spec/snapshots/transfer_row_leagueoflegends.png differ diff --git a/lua/spec/snapshots/transfer_row_mobilelegends.png b/lua/spec/snapshots/transfer_row_mobilelegends.png index 725d6bd6dfb..b226c75a67d 100644 Binary files a/lua/spec/snapshots/transfer_row_mobilelegends.png and b/lua/spec/snapshots/transfer_row_mobilelegends.png differ diff --git a/lua/spec/snapshots/transfer_row_overwatch.png b/lua/spec/snapshots/transfer_row_overwatch.png index dcb0ad80dff..6b76064eacc 100644 Binary files a/lua/spec/snapshots/transfer_row_overwatch.png and b/lua/spec/snapshots/transfer_row_overwatch.png differ diff --git a/lua/spec/snapshots/transfer_row_rainbowsix.png b/lua/spec/snapshots/transfer_row_rainbowsix.png index dcb0ad80dff..6b76064eacc 100644 Binary files a/lua/spec/snapshots/transfer_row_rainbowsix.png and b/lua/spec/snapshots/transfer_row_rainbowsix.png differ diff --git a/lua/spec/snapshots/transfer_row_rocketleague.png b/lua/spec/snapshots/transfer_row_rocketleague.png index 725d6bd6dfb..b226c75a67d 100644 Binary files a/lua/spec/snapshots/transfer_row_rocketleague.png and b/lua/spec/snapshots/transfer_row_rocketleague.png differ diff --git a/lua/spec/snapshots/transfer_row_starcraft2.png b/lua/spec/snapshots/transfer_row_starcraft2.png index e5ab23fa7fc..b7c0117c193 100644 Binary files a/lua/spec/snapshots/transfer_row_starcraft2.png and b/lua/spec/snapshots/transfer_row_starcraft2.png differ diff --git a/lua/spec/snapshots/transfer_row_valorant.png b/lua/spec/snapshots/transfer_row_valorant.png index dcb0ad80dff..6b76064eacc 100644 Binary files a/lua/spec/snapshots/transfer_row_valorant.png and b/lua/spec/snapshots/transfer_row_valorant.png differ diff --git a/stylesheets/commons/TournamentTags.scss b/stylesheets/commons/TournamentTags.scss index bd9ecb24d52..e6cefa72c09 100644 --- a/stylesheets/commons/TournamentTags.scss +++ b/stylesheets/commons/TournamentTags.scss @@ -3,32 +3,153 @@ Template(s): TournamentsList Author(s): Elysienna *******************************************************************************/ -$tier1-background-color: var( --tournament-tag-tier1-badge-background-color, #998000 ); -$tier1-border-color: var( --tournament-tag-tier1-badge-border-color, #332800 ); -$tier1-chip-background-color: var( --tournament-tag-tier1-chip-background-color, #998000 ); -$tier2-background-color: var( --tournament-tag-tier2-badge-background-color, #557177 ); -$tier2-border-color: var( --tournament-tag-tier2-badge-border-color, #06282d ); -$tier2-chip-background-color: var( --tournament-tag-tier2-chip-background-color, #557177 ); -$tier3-background-color: var( --tournament-tag-tier3-badge-background-color, #655634 ); -$tier3-border-color: var( --tournament-tag-tier3-badge-border-color, #2e2205 ); -$tier3-chip-background-color: var( --tournament-tag-tier3-chip-background-color, #655634 ); -$tier4-background-color: var( --tournament-tag-tier4-badge-background-color, #cc7800 ); -$tier4-border-color: var( --tournament-tag-tier4-badge-border-color, #331a00 ); -$tier4-chip-background-color: var( --tournament-tag-tier4-chip-background-color, #cc7800 ); -$tier5-background-color: var( --tournament-tag-tier5-badge-background-color, #646464 ); -$tier5-border-color: var( --tournament-tag-tier5-badge-border-color, #282828 ); -$tier5-chip-background-color: var( --tournament-tag-tier5-chip-background-color, #646464 ); -$misc-background-color: var( --tournament-tag-misc-badge-background-color, #646464 ); -$misc-border-color: var( --tournament-tag-misc-badge-border-color, #282828 ); -$misc-chip-background-color: var( --tournament-tag-misc-chip-background-color, #646464 ); -$qualifier-background-color: var( --tournament-tag-qualifier-badge-background-color, rgba( 191, 13, 117, 0.24 ) ); -$qualifier-border-color: var( --tournament-tag-qualifier-badge-border-color, #33001d ); -$monthly-background-color: var( --tournament-tag-monthly-badge-background-color, rgba( 126, 13, 191, 0.24 ) ); -$monthly-border-color: var( --tournament-tag-monthly-badge-border-color, #200033 ); -$weekly-background-color: var( --tournament-tag-weekly-badge-background-color, rgba( 52, 13, 191, 0.24 ) ); -$weekly-border-color: var( --tournament-tag-weekly-badge-border-color, #200033 ); -$showmatch-background-color: var( --tournament-tag-showmatch-badge-background-color, rgba( 13, 113, 191, 0.24 ) ); -$showmatch-border-color: var( --tournament-tag-showmatch-badge-border-color, #001933 ); +$tier1-background-color: var( --tournament-tag-tier1-badge-background-color ); +$tier1-border-color: var( --tournament-tag-tier1-badge-border-color ); +$tier1-chip-background-color: var( --tournament-tag-tier1-chip-background-color ); +$tier2-background-color: var( --tournament-tag-tier2-badge-background-color ); +$tier2-border-color: var( --tournament-tag-tier2-badge-border-color ); +$tier2-chip-background-color: var( --tournament-tag-tier2-chip-background-color ); +$tier3-background-color: var( --tournament-tag-tier3-badge-background-color ); +$tier3-border-color: var( --tournament-tag-tier3-badge-border-color ); +$tier3-chip-background-color: var( --tournament-tag-tier3-chip-background-color ); +$tier4-background-color: var( --tournament-tag-tier4-badge-background-color ); +$tier4-border-color: var( --tournament-tag-tier4-badge-border-color ); +$tier4-chip-background-color: var( --tournament-tag-tier4-chip-background-color ); +$tier5-background-color: var( --tournament-tag-tier5-badge-background-color ); +$tier5-border-color: var( --tournament-tag-tier5-badge-border-color ); +$tier5-chip-background-color: var( --tournament-tag-tier5-chip-background-color ); +$misc-background-color: var( --tournament-tag-misc-badge-background-color ); +$misc-border-color: var( --tournament-tag-misc-badge-border-color ); +$misc-chip-background-color: var( --tournament-tag-misc-chip-background-color ); +$qualifier-background-color: var( --tournament-tag-qualifier-badge-background-color ); +$qualifier-border-color: var( --tournament-tag-qualifier-badge-border-color ); +$monthly-background-color: var( --tournament-tag-monthly-badge-background-color ); +$monthly-border-color: var( --tournament-tag-monthly-badge-border-color ); +$weekly-background-color: var( --tournament-tag-weekly-badge-background-color ); +$weekly-border-color: var( --tournament-tag-weekly-badge-border-color ); +$showmatch-background-color: var( --tournament-tag-showmatch-badge-background-color ); +$showmatch-border-color: var( --tournament-tag-showmatch-badge-border-color ); + +/* Tournaments - Tags */ +$tournament-tag-tier1-badge-background-color--light: var( --clr-semantic-gold-30 ); +$tournament-tag-tier1-badge-background-color--dark: hsl( from var( --clr-semantic-gold-40 ) h s l / 0.24 ); +$tournament-tag-tier1-badge-border-color--light: var( --clr-semantic-gold-10 ); +$tournament-tag-tier1-badge-border-color--dark: var( --clr-semantic-gold-40 ); +$tournament-tag-tier1-chip-background-color--light: var( --clr-semantic-gold-30 ); +$tournament-tag-tier1-chip-background-color--dark: var( --clr-semantic-gold-30 ); + +$tournament-tag-tier2-badge-background-color--light: var( --clr-semantic-silver-40 ); +$tournament-tag-tier2-badge-background-color--dark: hsl( from var( --clr-semantic-silver-40 ) h s l / 0.24 ); +$tournament-tag-tier2-badge-border-color--light: var( --clr-semantic-silver-10 ); +$tournament-tag-tier2-badge-border-color--dark: var( --clr-semantic-silver-40 ); +$tournament-tag-tier2-chip-background-color--light: var( --clr-semantic-silver-40 ); +$tournament-tag-tier2-chip-background-color--dark: var( --clr-semantic-silver-40 ); + +$tournament-tag-tier3-badge-background-color--light: var( --clr-semantic-bronze-30 ); +$tournament-tag-tier3-badge-background-color--dark: hsl( from var( --clr-semantic-bronze-40 ) h s l / 0.24 ); +$tournament-tag-tier3-badge-border-color--light: var( --clr-semantic-bronze-10 ); +$tournament-tag-tier3-badge-border-color--dark: var( --clr-semantic-bronze-40 ); +$tournament-tag-tier3-chip-background-color--light: var( --clr-semantic-bronze-40 ); +$tournament-tag-tier3-chip-background-color--dark: var( --clr-semantic-bronze-40 ); + +$tournament-tag-tier4-badge-background-color--light: var( --clr-semantic-copper-40 ); +$tournament-tag-tier4-badge-background-color--dark: hsl( from var( --clr-semantic-copper-40 ) h s l / 0.24 ); +$tournament-tag-tier4-badge-border-color--light: var( --clr-semantic-copper-10 ); +$tournament-tag-tier4-badge-border-color--dark: var( --clr-semantic-copper-40 ); +$tournament-tag-tier4-chip-background-color--light: var( --clr-semantic-copper-40 ); +$tournament-tag-tier4-chip-background-color--dark: var( --clr-semantic-copper-40 ); + +$tournament-tag-tier5-badge-background-color--light: var( --clr-secondary-39 ); +$tournament-tag-tier5-badge-background-color--dark: hsl( from var( --clr-secondary-39 ) h s l / 0.24 ); +$tournament-tag-tier5-badge-border-color--light: var( --clr-secondary-16 ); +$tournament-tag-tier5-badge-border-color--dark: var( --clr-secondary-39 ); +$tournament-tag-tier5-chip-background-color--light: var( --clr-secondary-39 ); +$tournament-tag-tier5-chip-background-color--dark: var( --clr-secondary-39 ); + +$tournament-tag-misc-badge-background-color--light: var( --clr-secondary-39 ); +$tournament-tag-misc-badge-background-color--dark: hsl( from var( --clr-secondary-39 ) h s l / 0.24 ); +$tournament-tag-misc-badge-border-color--light: var( --clr-secondary-16 ); +$tournament-tag-misc-badge-border-color--dark: var( --clr-secondary-39 ); +$tournament-tag-misc-chip-background-color--light: var( --clr-secondary-39 ); +$tournament-tag-misc-chip-background-color--dark: var( --clr-secondary-39 ); + +$tournament-tag-qualifier-badge-background-color--light: hsl( from var( --clr-redviolet-40 ) h s l / 0.24 ); +$tournament-tag-qualifier-badge-background-color--dark: hsl( from var( --clr-redviolet-20 ) h s l / 0.24 ); +$tournament-tag-qualifier-badge-border-color--light: var( --clr-redviolet-10 ); +$tournament-tag-qualifier-badge-border-color--dark: var( --clr-redviolet-20 ); + +$tournament-tag-monthly-badge-background-color--light: hsl( from var( --clr-vividviolet-40 ) h s l / 0.24 ); +$tournament-tag-monthly-badge-background-color--dark: hsl( from var( --clr-vividviolet-20 ) h s l / 0.24 ); +$tournament-tag-monthly-badge-border-color--light: var( --clr-vividviolet-10 ); +$tournament-tag-monthly-badge-border-color--dark: var( --clr-vividviolet-20 ); + +$tournament-tag-weekly-badge-background-color--light: hsl( from var( --clr-gigas-40 ) h s l / 0.24 ); +$tournament-tag-weekly-badge-background-color--dark: hsl( from var( --clr-gigas-30 ) h s l / 0.24 ); +$tournament-tag-weekly-badge-border-color--light: var( --clr-gigas-10 ); +$tournament-tag-weekly-badge-border-color--dark: var( --clr-gigas-30 ); + +$tournament-tag-showmatch-badge-background-color--light: hsl( from var( --clr-sapphire-40 ) h s l / 0.24 ); +$tournament-tag-showmatch-badge-background-color--dark: hsl( from var( --clr-sapphire-20 ) h s l / 0.24 ); +$tournament-tag-showmatch-badge-border-color--light: var( --clr-sapphire-10 ); +$tournament-tag-showmatch-badge-border-color--dark: var( --clr-sapphire-20 ); + +.theme--light { + --tournament-tag-tier1-badge-background-color: #{$tournament-tag-tier1-badge-background-color--light}; + --tournament-tag-tier1-badge-border-color: #{$tournament-tag-tier1-badge-border-color--light}; + --tournament-tag-tier1-chip-background-color: #{$tournament-tag-tier1-chip-background-color--light}; + --tournament-tag-tier2-badge-background-color: #{$tournament-tag-tier2-badge-background-color--light}; + --tournament-tag-tier2-badge-border-color: #{$tournament-tag-tier2-badge-border-color--light}; + --tournament-tag-tier2-chip-background-color: #{$tournament-tag-tier2-chip-background-color--light}; + --tournament-tag-tier3-badge-background-color: #{$tournament-tag-tier3-badge-background-color--light}; + --tournament-tag-tier3-badge-border-color: #{$tournament-tag-tier3-badge-border-color--light}; + --tournament-tag-tier3-chip-background-color: #{$tournament-tag-tier3-chip-background-color--light}; + --tournament-tag-tier4-badge-background-color: #{$tournament-tag-tier4-badge-background-color--light}; + --tournament-tag-tier4-badge-border-color: #{$tournament-tag-tier4-badge-border-color--light}; + --tournament-tag-tier4-chip-background-color: #{$tournament-tag-tier4-chip-background-color--light}; + --tournament-tag-tier5-badge-background-color: #{$tournament-tag-tier5-badge-background-color--light}; + --tournament-tag-tier5-badge-border-color: #{$tournament-tag-tier5-badge-border-color--light}; + --tournament-tag-tier5-chip-background-color: #{$tournament-tag-tier5-chip-background-color--light}; + --tournament-tag-misc-badge-background-color: #{$tournament-tag-misc-badge-background-color--light}; + --tournament-tag-misc-badge-border-color: #{$tournament-tag-misc-badge-border-color--light}; + --tournament-tag-misc-chip-background-color: #{$tournament-tag-misc-chip-background-color--light}; + --tournament-tag-qualifier-badge-background-color: #{$tournament-tag-qualifier-badge-background-color--light}; + --tournament-tag-qualifier-badge-border-color: #{$tournament-tag-qualifier-badge-border-color--light}; + --tournament-tag-monthly-badge-background-color: #{$tournament-tag-monthly-badge-background-color--light}; + --tournament-tag-monthly-badge-border-color: #{$tournament-tag-monthly-badge-border-color--light}; + --tournament-tag-weekly-badge-background-color: #{$tournament-tag-weekly-badge-background-color--light}; + --tournament-tag-weekly-badge-border-color: #{$tournament-tag-weekly-badge-border-color--light}; + --tournament-tag-showmatch-badge-background-color: #{$tournament-tag-showmatch-badge-background-color--light}; + --tournament-tag-showmatch-badge-border-color: #{$tournament-tag-showmatch-badge-border-color--light}; +} + +.theme--dark { + --tournament-tag-tier1-badge-background-color: #{$tournament-tag-tier1-badge-background-color--dark}; + --tournament-tag-tier1-badge-border-color: #{$tournament-tag-tier1-badge-border-color--dark}; + --tournament-tag-tier1-chip-background-color: #{$tournament-tag-tier1-chip-background-color--dark}; + --tournament-tag-tier2-badge-background-color: #{$tournament-tag-tier2-badge-background-color--dark}; + --tournament-tag-tier2-badge-border-color: #{$tournament-tag-tier2-badge-border-color--dark}; + --tournament-tag-tier2-chip-background-color: #{$tournament-tag-tier2-chip-background-color--dark}; + --tournament-tag-tier3-badge-background-color: #{$tournament-tag-tier3-badge-background-color--dark}; + --tournament-tag-tier3-badge-border-color: #{$tournament-tag-tier3-badge-border-color--dark}; + --tournament-tag-tier3-chip-background-color: #{$tournament-tag-tier3-chip-background-color--dark}; + --tournament-tag-tier4-badge-background-color: #{$tournament-tag-tier4-badge-background-color--dark}; + --tournament-tag-tier4-badge-border-color: #{$tournament-tag-tier4-badge-border-color--dark}; + --tournament-tag-tier4-chip-background-color: #{$tournament-tag-tier4-chip-background-color--dark}; + --tournament-tag-tier5-badge-background-color: #{$tournament-tag-tier5-badge-background-color--dark}; + --tournament-tag-tier5-badge-border-color: #{$tournament-tag-tier5-badge-border-color--dark}; + --tournament-tag-tier5-chip-background-color: #{$tournament-tag-tier5-chip-background-color--dark}; + --tournament-tag-misc-badge-background-color: #{$tournament-tag-misc-badge-background-color--dark}; + --tournament-tag-misc-badge-border-color: #{$tournament-tag-misc-badge-border-color--dark}; + --tournament-tag-misc-chip-background-color: #{$tournament-tag-misc-chip-background-color--dark}; + --tournament-tag-qualifier-badge-background-color: #{$tournament-tag-qualifier-badge-background-color--dark}; + --tournament-tag-qualifier-badge-border-color: #{$tournament-tag-qualifier-badge-border-color--dark}; + --tournament-tag-monthly-badge-background-color: #{$tournament-tag-monthly-badge-background-color--dark}; + --tournament-tag-monthly-badge-border-color: #{$tournament-tag-monthly-badge-border-color--dark}; + --tournament-tag-weekly-badge-background-color: #{$tournament-tag-weekly-badge-background-color--dark}; + --tournament-tag-weekly-badge-border-color: #{$tournament-tag-weekly-badge-border-color--dark}; + --tournament-tag-showmatch-badge-background-color: #{$tournament-tag-showmatch-badge-background-color--dark}; + --tournament-tag-showmatch-badge-border-color: #{$tournament-tag-showmatch-badge-border-color--dark}; +} .tournament-badge { height: 1.375rem;