fix: sidebar dark mode (#474)

unfoldadmin · Jun 13, 2024 · feacc84 · feacc84
1 parent d8ec5e1
commit feacc84
Show file tree

Hide file tree

Showing 3 changed files with 3 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/styles.css b/src/unfold/styles.css
@@ -621,10 +621,9 @@ trix-toolbar[id^="trix-toolbar-"] {
   @apply flex flex-row font-medium items-center px-2.5 py-1 rounded  bg-white shadow-sm text-gray-700 hover:bg-white dark:bg-gray-900 dark:hover:bg-gray-900 dark:text-white;
 }
 
-
 /*******************************************************
  Simplebar
  *******************************************************/
-.simplebar-track .simplebar-scrollbar.simplebar-visible::before {
+.simplebar-track .simplebar-scrollbar::before {
   @apply bg-gray-900/80  dark:bg-gray-400/80;
 }
diff --git a/src/unfold/templates/unfold/helpers/navigation.html b/src/unfold/templates/unfold/helpers/navigation.html
@@ -1,7 +1,7 @@
 {% load i18n %}
 
 <div class="relative min-w-sidebar transition-width w-sidebar z-30">
-    <nav id="nav-sidebar" class="bg-gray-50 border-r border-gray-200 flex flex-col fixed max-h-screen min-h-screen min-w-sidebar transition-width w-sidebar dark:bg-gray-900 dark:border-gray-800">
+    <nav id="nav-sidebar" class="bg-gray-50 border-r border-gray-200 flex flex-col fixed max-h-screen min-h-screen min-w-sidebar transition-width w-sidebar dark:bg-gray-950/20 dark:border-gray-800">
         <div class="border-b border-gray-200 mb-5 py-3 dark:border-gray-800">
             <div class="flex font-medium h-10 items-center px-6 text-gray-700 dark:text-gray-200">
                 {% if site_logo %}