fix: dark mode theme switch color

unfoldadmin · May 20, 2023 · 0e152b9 · 0e152b9
1 parent bf5000d
commit 0e152b9
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/unfold/static/unfold/css/styles.css b/src/unfold/static/unfold/css/styles.css
diff --git a/src/unfold/templates/unfold/helpers/userlinks.html b/src/unfold/templates/unfold/helpers/userlinks.html
@@ -13,21 +13,21 @@
                 <nav class="absolute bg-white border flex flex-col leading-none overflow-hidden py-1 -right-2 rounded shadow-lg text-sm text-gray-500 top-7 w-40 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400" x-cloak x-show="openTheme" @click.outside="openTheme = false">
                     <a class="cursor-pointer flex flex-row leading-none mx-1 px-3 py-1.5 rounded hover:bg-gray-100 hover:text-gray-700 dark:hover:bg-gray-700 dark:hover:text-gray-200"
                        x-on:click="adminTheme = 'dark'"
-                       x-bind:class="adminTheme == 'dark' && 'text-primary-600 hover:!text-primary-600'">
+                       x-bind:class="adminTheme == 'dark' && 'text-primary-600 dark:text-primary-500 dark:hover:!text-primary-500 hover:!text-primary-600'">
                         <span class="material-symbols-outlined mr-2">dark_mode</span>
                         <span class="leading-none self-center">{% trans "Dark" %}</span>
                     </a>
 
                     <a class="cursor-pointer flex flex-row mx-1 px-3 py-1.5 rounded hover:bg-gray-100 hover:text-gray-700 dark:hover:bg-gray-700 dark:hover:text-gray-200"
                        x-on:click="adminTheme = 'light'"
-                       x-bind:class="adminTheme == 'light'  && 'text-primary-600 hover:!text-primary-600'">
+                       x-bind:class="adminTheme == 'light'  && 'text-primary-600 dark:text-primary-500 dark:hover:!text-primary-500 hover:!text-primary-600'">
                         <span class="material-symbols-outlined mr-2">light_mode</span>
                         <span class="leading-none self-center">{% trans "Light" %}</span>
                     </a>
 
                     <a class="cursor-pointer flex flex-row mx-1 px-3 py-1.5 rounded hover:bg-gray-100 hover:text-gray-700 dark:hover:bg-gray-700 dark:hover:text-gray-200"
                        x-on:click="adminTheme = 'auto'"
-                       x-bind:class="adminTheme == 'auto' && 'text-primary-600 hover:!text-primary-600'">
+                       x-bind:class="adminTheme == 'auto' && 'text-primary-600 dark:text-primary-500 dark:hover:!text-primary-500 hover:!text-primary-600'">
                         <span class="material-symbols-outlined mr-2">computer</span>
                         <span class="leading-none self-center">{% trans "System" %}</span>
                     </a>