From be3fd493d6d0821c5d44b32d8dbbc89d585f49b6 Mon Sep 17 00:00:00 2001
From: Your Name <your@email.com>
Date: Mon, 15 Jun 2026 05:35:21 +0530
Subject: [PATCH] fix(docs): respect dark theme in badge style dropdown

---
 docs/app/components/BadgeGeneratorParameters.vue | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/docs/app/components/BadgeGeneratorParameters.vue b/docs/app/components/BadgeGeneratorParameters.vue
index bf0a4e5d6e..ba5420cdc8 100644
--- a/docs/app/components/BadgeGeneratorParameters.vue
+++ b/docs/app/components/BadgeGeneratorParameters.vue
@@ -253,9 +253,11 @@ const copyToClipboard = async () => {
         >
         <select
           v-model="badgeStyle"
-          class="min-w-30 px-3 py-1.5 rounded-lg border border-gray-200 dark:border-white/10 bg-white dark:bg-black/20 text-xs outline-none cursor-pointer hover:border-emerald-500 transition-colors"
+          class="min-w-30 px-3 py-1.5 rounded-lg border border-gray-200 dark:border-white/10 bg-white dark:bg-black/20 text-gray-900 dark:text-gray-100 text-xs outline-none cursor-pointer hover:border-emerald-500 transition-colors"
         >
-          <option v-for="s in styles" :key="s" :value="s">{{ s }}</option>
+          <option v-for="s in styles" :key="s" :value="s" class="dark:bg-gray-900">
+            {{ s }}
+          </option>
         </select>
       </div>
     </div>