From f9a8be898ad827f4ab03a422940e521d268a27e7 Mon Sep 17 00:00:00 2001
From: AAEE86 <ppk0227@hotmail.com>
Date: Thu, 8 Jan 2026 10:26:58 +0800
Subject: [PATCH] style(ui): improve text visibility in dark mode for model
 badges

---
 .../features/providers/components/KeyAllowedModelsDialog.vue  | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/features/providers/components/KeyAllowedModelsDialog.vue b/frontend/src/features/providers/components/KeyAllowedModelsDialog.vue
index 1b09787..2dc880a 100644
--- a/frontend/src/features/providers/components/KeyAllowedModelsDialog.vue
+++ b/frontend/src/features/providers/components/KeyAllowedModelsDialog.vue
@@ -32,11 +32,11 @@
             v-for="modelName in selectedModels"
             :key="modelName"
             variant="secondary"
-            class="text-[11px] px-2 py-0.5 bg-background border-border/60 shadow-sm"
+            class="text-[11px] px-2 py-0.5 bg-background border-border/60 shadow-sm text-foreground dark:text-white"
           >
             {{ getModelLabel(modelName) }}
             <button
-              class="ml-0.5 hover:text-destructive focus:outline-none"
+              class="ml-0.5 hover:text-destructive focus:outline-none text-foreground dark:text-white"
               @click.stop="toggleModel(modelName, false)"
             >
               &times;