diff --git a/theme/keywind/login/components/molecules/locale-provider.ftl b/theme/keywind/login/components/molecules/locale-provider.ftl
index 198e5be..ea97c53 100644
--- a/theme/keywind/login/components/molecules/locale-provider.ftl
+++ b/theme/keywind/login/components/molecules/locale-provider.ftl
@@ -3,7 +3,7 @@
 
 <#macro kw currentLocale="" locales=[]>
   <div class="relative" x-data="{ open: false }">
-    <@link.kw @click="open = true" color="secondary" component="button" type="button">
+    <@link.kw @click="open = true" color="secondary-2" component="button" type="button">
       <div class="flex items-center">
         <span class="mr-1 text-sm">${currentLocale}</span>
         <@icon.kw />
@@ -11,14 +11,14 @@
     </@link.kw>
     <div
       @click.away="open = false"
-      class="absolute bg-white bottom-0 -left-4 max-h-80 mb-6 overflow-y-scroll rounded-lg shadow-lg"
+      class="absolute bg-white dark:bg-secondary-800 bottom-0 -left-4 max-h-80 mb-6 overflow-y-scroll rounded-lg shadow-lg"
       x-cloak
       x-show="open"
     >
       <#list locales as locale>
         <#if currentLocale != locale.label>
           <div class="px-4 py-2">
-            <@link.kw color="secondary" href=locale.url size="small">
+            <@link.kw color="secondary-3" href=locale.url size="small">
               ${locale.label}
             </@link.kw>
           </div>