fix: responsive sidebar background color (#1258)

Author: lukasvinclav

src/unfold/templates/admin/nav_sidebar.html

@@ -3,7 +3,7 @@
 <div class="relative z-50">
     <div class="fixed hidden xl:relative xl:block w-[288px] {% element_classes 'navigation_wrapper' %}" x-bind:class="{'xl:hidden!': !sidebarDesktopOpen, 'block!': sidebarMobileOpen}">
         <div class="bg-gray-50 relative z-30 dark:bg-gray-900">
-            <div id="nav-sidebar" class="border-r border-base-200 bottom-0 fixed max-h-screen top-0 w-[288px] dark:border-base-800 dark:bg-base-950/20 {% element_classes 'navigation' %}">
+            <div id="nav-sidebar" class="bg-base-50 border-r border-base-200 bottom-0 fixed max-h-screen top-0 w-[288px] dark:border-base-800 dark:bg-base-900 {% element_classes 'navigation' %}">
                 {% if templates.navigation %}
                     {% include templates.navigation %}
                 {% else %}

src/unfold/templates/unfold/helpers/navigation.html

@@ -1,6 +1,6 @@
 {% load i18n unfold %}
 
-<nav class="flex flex-col min-h-screen {% element_classes 'navigation_inner' %}">
+<nav class="bg-base-50 flex flex-col min-h-screen dark:bg-base-950/20 {% element_classes 'navigation_inner' %}">
     {% include "unfold/helpers/navigation_header.html" %}
 
     {% include "unfold/helpers/search.html" %}