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: [