From a32d36fedbcfd126722e60a5516d55930a2a6bc9 Mon Sep 17 00:00:00 2001
From: hfcRed <hfcred@gmx.net>
Date: Wed, 14 Jan 2026 17:43:57 +0100
Subject: [PATCH] Rename some vars

---
 app/components/AbilitiesSelector.module.css            | 2 +-
 app/components/Ability.module.css                      | 4 ++--
 app/features/badges/badges.module.css                  | 2 +-
 app/features/badges/components/BadgeDisplay.module.css | 2 +-
 app/features/calendar/calendar-new.module.css          | 2 +-
 app/styles/vars.css                                    | 4 ++--
 6 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/app/components/AbilitiesSelector.module.css b/app/components/AbilitiesSelector.module.css
index cc5304c89..cbc2f04ce 100644
--- a/app/components/AbilitiesSelector.module.css
+++ b/app/components/AbilitiesSelector.module.css
@@ -26,7 +26,7 @@
 	padding: var(--s-0-5);
 	border: 2px solid var(--color-bg-high);
 	border-radius: 50%;
-	background-color: var(--bg-ability);
+	background-color: var(--color-bg-ability);
 }
 
 .abilityButton.isDragging {
diff --git a/app/components/Ability.module.css b/app/components/Ability.module.css
index 686573610..4d2f55b41 100644
--- a/app/components/Ability.module.css
+++ b/app/components/Ability.module.css
@@ -6,7 +6,7 @@
 	border-radius: 50%;
 	border-right: 0;
 	border-bottom: 0;
-	background: var(--bg-ability);
+	background: var(--color-bg-ability);
 	background-size: 100%;
 	transform: scale(1);
 	transition: all 0.1s ease;
@@ -14,7 +14,7 @@
 }
 
 .isDragTarget {
-	background: var(--bg-ability);
+	background: var(--color-bg-ability);
 	transform: scale(1.15);
 }
 
diff --git a/app/features/badges/badges.module.css b/app/features/badges/badges.module.css
index 9d4f5193b..113568fdd 100644
--- a/app/features/badges/badges.module.css
+++ b/app/features/badges/badges.module.css
@@ -3,7 +3,7 @@
 	flex-direction: column;
 	align-items: center;
 	border-radius: var(--rounded);
-	background-color: var(--bg-badge);
+	background-color: var(--color-bg-badge);
 	color: var(--color-text-high);
 	gap: var(--s-6);
 	padding-block: var(--s-2);
diff --git a/app/features/badges/components/BadgeDisplay.module.css b/app/features/badges/components/BadgeDisplay.module.css
index 6a8846175..f31f783bc 100644
--- a/app/features/badges/components/BadgeDisplay.module.css
+++ b/app/features/badges/components/BadgeDisplay.module.css
@@ -6,7 +6,7 @@
 	align-items: center;
 	padding: var(--s-2);
 	border-radius: var(--rounded);
-	background-color: var(--bg-badge);
+	background-color: var(--color-bg-badge);
 	margin-inline: auto;
 }
 
diff --git a/app/features/calendar/calendar-new.module.css b/app/features/calendar/calendar-new.module.css
index 32582cf5a..29be9cf30 100644
--- a/app/features/calendar/calendar-new.module.css
+++ b/app/features/calendar/calendar-new.module.css
@@ -10,7 +10,7 @@
 	width: max-content;
 	padding: var(--s-2);
 	border-radius: var(--rounded);
-	background-color: var(--bg-badge);
+	background-color: var(--color-bg-badge);
 	font-size: var(--fonts-sm);
 	font-weight: var(--semi-bold);
 }
diff --git a/app/styles/vars.css b/app/styles/vars.css
index 37c175b9d..57cc73ab0 100644
--- a/app/styles/vars.css
+++ b/app/styles/vars.css
@@ -121,8 +121,8 @@ html {
 	--color-bg: var(--color-base-7);
 	--color-bg-high: var(--color-base-6);
 	--color-bg-higher: var(--color-base-5);
-	--bg-ability: oklch(11.736% 0.00867 215.976);
-	--bg-badge: oklch(0% 0 0);
+	--color-bg-ability: oklch(11.736% 0.00867 215.976);
+	--color-bg-badge: oklch(0% 0 0);
 
 	--color-border: var(--color-base-5);
 	--color-border-high: var(--color-base-4);