From 6d7cffdec2c1ef170cebaaacd28b0f6e37d88e68 Mon Sep 17 00:00:00 2001
From: LynithDev <61880709+LynithDev@users.noreply.github.com>
Date: Tue, 28 Jan 2025 21:07:08 +0100
Subject: [PATCH] fix: Theming adjustments

---
 apps/frontend/src/ui/components/base/Checkbox.module.scss | 2 +-
 apps/frontend/src/ui/pages/cluster/ClusterMods.tsx        | 4 ++--
 apps/frontend/uno.config.ts                               | 7 ++++++-
 3 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/apps/frontend/src/ui/components/base/Checkbox.module.scss b/apps/frontend/src/ui/components/base/Checkbox.module.scss
index 2597c9dc..acd99cf7 100644
--- a/apps/frontend/src/ui/components/base/Checkbox.module.scss
+++ b/apps/frontend/src/ui/components/base/Checkbox.module.scss
@@ -2,7 +2,7 @@
     @apply flex flex-row gap-x-1 items-center;
 
     .box {
-        @apply w-[18px] h-[18px] flex flex-col justify-center items-center rounded-md bg-component-bg hover:bg-component-bg-hover active:bg-component-bg-pressed border border-border/05 transition-all;
+        @apply w-[18px] h-[18px] flex flex-col justify-center items-center rounded-md bg-component-bg hover:bg-component-bg-hover active:bg-component-bg-pressed border border-border/05 text-white transition-all;
 
         > svg {
             @apply w-[18px] h-[18px] mt-px opacity-0 transition-opacity;
diff --git a/apps/frontend/src/ui/pages/cluster/ClusterMods.tsx b/apps/frontend/src/ui/pages/cluster/ClusterMods.tsx
index 34a72713..724e5434 100644
--- a/apps/frontend/src/ui/pages/cluster/ClusterMods.tsx
+++ b/apps/frontend/src/ui/pages/cluster/ClusterMods.tsx
@@ -261,7 +261,7 @@ function ModEntry(props: ModEntryProps) {
 			<div>
 				<Show
 					children={<img alt={name()} class="aspect-ratio-square h-10 rounded-lg" src={icon()!} />}
-					fallback={<div class="aspect-ratio-square h-10 rounded-lg bg-border/05" />}
+					fallback={<div class="aspect-ratio-square h-10 rounded-lg bg-border/10" />}
 					when={icon()}
 				/>
 			</div>
@@ -276,7 +276,7 @@ function ModEntry(props: ModEntryProps) {
 										<span
 											class="rounded-xl px-1.5 py-1 text-xs"
 											classList={{
-												'bg-border/05 text-white/60': status === 'normal',
+												'dark:bg-border/05 bg-border/40 text-white/60': status === 'normal',
 												'bg-amber/10 text-amber': status === 'warning',
 												'bg-danger/15 text-danger': status === 'danger',
 											}}
diff --git a/apps/frontend/uno.config.ts b/apps/frontend/uno.config.ts
index bb85efc2..1306cc4a 100644
--- a/apps/frontend/uno.config.ts
+++ b/apps/frontend/uno.config.ts
@@ -10,7 +10,12 @@ export default defineConfig({
 	rules: [],
 	shortcuts: {},
 	presets: [
-		presetUno(),
+		presetUno({
+			dark: {
+				dark: 'body[data-theme-type="dark"]',
+				light: 'body[data-theme-type="light"]',
+			},
+		}),
 		presetIcons(),
 	],
 	transformers: [