fix: header dark mode colors (#1492)

lukasvinclav · web-flow · commit 204ab97fbf41 · 2025-08-04T16:00:16.000+02:00
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/navigation_header.html b/src/unfold/templates/unfold/helpers/navigation_header.html
@@ -14,7 +14,7 @@
         {% endif %}
 
         {% if site_dropdown %}
-            <span class="material-symbols-outlined ml-auto select-none">
+            <span class="material-symbols-outlined ml-auto select-none text-font-default-light dark:text-font-default-dark">
                 unfold_more
             </span>
         {% endif %}
diff --git a/src/unfold/templates/unfold/helpers/site_dropdown.html b/src/unfold/templates/unfold/helpers/site_dropdown.html
@@ -3,7 +3,7 @@
 {% if site_dropdown %}
     <div class="absolute bg-white border border-base-200 flex flex-col left-3 py-1 rounded-default shadow-lg top-[73px] w-[264px] z-50 dark:bg-base-800 dark:border-base-700" x-cloak x-show="openDropdown" x-transition x-on:click.outside="openDropdown = false">
         {% for item in site_dropdown %}
-            <a href="{{ item.link }}" class="flex flex-row items-center gap-3 max-h-[30px] mx-1 px-2 py-2 rounded-default hover:bg-base-100 hover:text-base-700 dark:hover:bg-base-700 dark:hover:text-base-200">
+            <a href="{{ item.link }}" class="flex flex-row items-center gap-3 max-h-[30px] mx-1 px-2 py-2 rounded-default text-font-default-light dark:text-font-default-dark hover:bg-base-100 hover:text-font-important-light dark:hover:bg-base-700 dark:hover:text-font-important-dark">
                 {% if item.icon %}
                     <span class="material-symbols-outlined">
                         {{ item.icon }}
