From e3fa309007545aff1953a612df38237103fac64d Mon Sep 17 00:00:00 2001
From: Jay George <contact@jaygeorge.co.uk>
Date: Fri, 26 Sep 2025 12:23:08 +0100
Subject: [PATCH] Make checkbox/radio options aesthetically consistent

---
 packages/ui/src/Checkbox/Item.vue | 2 +-
 packages/ui/src/Radio/Item.vue    | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/ui/src/Checkbox/Item.vue b/packages/ui/src/Checkbox/Item.vue
index 730237229b6..3f43846cce5 100644
--- a/packages/ui/src/Checkbox/Item.vue
+++ b/packages/ui/src/Checkbox/Item.vue
@@ -93,7 +93,7 @@ const conditionalProps = computed(() => {
             </span>
         </CheckboxRoot>
         <div class="flex flex-col" v-if="!solo">
-            <label class="text-sm font-normal antialiased" :for="id">
+            <label class="text-sm font-normal antialiased dark:text-gray-200" :for="id">
                 <slot>{{ label || value }}</slot>
             </label>
             <p v-if="description" :id="`${id}-description`" class="mt-0.5 block text-xs leading-snug text-gray-500 dark:text-gray-200">{{ description }}</p>
diff --git a/packages/ui/src/Radio/Item.vue b/packages/ui/src/Radio/Item.vue
index dcf69283ef8..62899572bb3 100644
--- a/packages/ui/src/Radio/Item.vue
+++ b/packages/ui/src/Radio/Item.vue
@@ -33,7 +33,7 @@ const id = useId();
             />
         </RadioGroupItem>
         <label class="flex flex-col" :class="{ 'opacity-50': disabled }" :for="id">
-            <span class="text-sm font-normal text-gray-600 antialiased dark:text-gray-200">
+            <span class="text-sm font-normal antialiased dark:text-gray-200">
                 <slot>{{ label || value }}</slot>
             </span>
             <span v-if="description" class="mt-0.5 block text-xs leading-snug text-gray-500">{{ description }}</span>