From 634fb024a183115215e5e95c084bbc5498f37add Mon Sep 17 00:00:00 2001
From: hfcRed <hfcred@gmx.net>
Date: Thu, 25 Dec 2025 23:33:39 +0100
Subject: [PATCH] Small tweaks

---
 app/features/badges/components/BadgeDisplay.module.css     | 5 +++--
 app/features/calendar/components/TournamentCard.module.css | 2 +-
 app/styles/common.css                                      | 2 +-
 app/styles/front.module.css                                | 4 ++--
 app/styles/vars.css                                        | 4 ++--
 5 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/app/features/badges/components/BadgeDisplay.module.css b/app/features/badges/components/BadgeDisplay.module.css
index 91550f710..6a8846175 100644
--- a/app/features/badges/components/BadgeDisplay.module.css
+++ b/app/features/badges/components/BadgeDisplay.module.css
@@ -62,12 +62,13 @@
 	padding: var(--s-1);
 	height: 24px;
 	width: 24px;
-	border: 2px solid var(--color-border-high);
+	border: 2px solid var(--color-border);
 	font-size: var(--fonts-xs);
 	color: var(--color-text-high);
 }
 
 .paginationButtonActive {
 	color: var(--color-text-accent);
-	background-color: var(--color-bg-higher);
+	background-color: var(--color-bg-high);
+	border-color: var(--color-border-high);
 }
diff --git a/app/features/calendar/components/TournamentCard.module.css b/app/features/calendar/components/TournamentCard.module.css
index 5a1afc9ad..659b42676 100644
--- a/app/features/calendar/components/TournamentCard.module.css
+++ b/app/features/calendar/components/TournamentCard.module.css
@@ -13,7 +13,7 @@
 }
 
 .card {
-	background-color: var(--color-bg-higher);
+	background-color: var(--color-bg-high);
 	border-radius: var(--rounded);
 	color: var(--color-text);
 	padding: var(--s-1) var(--s-2) var(--s-2) var(--s-2);
diff --git a/app/styles/common.css b/app/styles/common.css
index da3f7f4a2..14a4131ed 100644
--- a/app/styles/common.css
+++ b/app/styles/common.css
@@ -410,7 +410,7 @@ abbr[title] {
 	width: 100%;
 	padding: var(--s-1) var(--s-4);
 	border-radius: var(--rounded);
-	background-color: var(--color-bg-higher);
+	background-color: var(--color-bg-high);
 	cursor: pointer;
 	font-size: var(--fonts-xs);
 	text-align: center;
diff --git a/app/styles/front.module.css b/app/styles/front.module.css
index 19564e1c9..adb955e07 100644
--- a/app/styles/front.module.css
+++ b/app/styles/front.module.css
@@ -144,12 +144,12 @@
 }
 
 .seasonBannerLink {
-	background-color: var(--color-bg-higher);
+	background-color: var(--color-text-accent);
 	border-radius: var(--rounded);
 	width: max-content;
 	padding: var(--s-0-5) var(--s-1-5);
 	font-size: var(--fonts-xs);
-	color: var(--color-text);
+	color: var(--color-text-inverse);
 	display: flex;
 	gap: var(--s-2);
 	align-items: center;
diff --git a/app/styles/vars.css b/app/styles/vars.css
index c2f720d8e..f3b4b9852 100644
--- a/app/styles/vars.css
+++ b/app/styles/vars.css
@@ -50,7 +50,7 @@ html.light {
 	--color-base-2: oklch(34.138% 0.01632 270.912);
 	--color-base-3: oklch(46.004% 0.01551 266.588);
 	--color-base-4: oklch(63.785% 0.01681 273.715);
-	--color-base-5: oklch(81.397% 0.00741 268.575);
+	--color-base-5: oklch(85.397% 0.00741 268.575);
 	--color-base-6: oklch(94.873% 0.00589 264.66);
 	--color-base-7: oklch(100% 0.00011 271.152);
 
@@ -79,7 +79,7 @@ html.light {
 
 html {
 	--color-text: var(--color-base-0);
-	--color-text-high: var(--color-base-2);
+	--color-text-high: var(--color-base-3);
 	--color-text-inverse: var(--color-base-7);
 
 	--color-bg: var(--color-base-7);