dark mode

config/admin.php

@@ -313,6 +313,8 @@ return [
 
         'sidebar_dark' => false,
 
+        'dark_mode_switch' => false,
+
         // bg-primary, bg-info, bg-warning, bg-success, bg-danger, bg-dark
         'navbar_color' => '',
     ],

resources/assets/dcat/sass/theme/_dark.scss

@@ -697,4 +697,22 @@ body.dark-mode {
     background-color: $body-dark-color;
     color: $body-dark-font-color
   }
+
+  // ----- selector
+  .custom-data-table .grid-selector {
+    .wrap {
+      background-color: $body-dark-color;
+    }
+
+    .select-label {
+      color: darken($body-dark-font-color, 5%);
+    }
+    ul > li a {
+      color: $body-dark-font-color;
+    }
+
+    .select-options a.active {
+      color: $primary
+    }
+  }
 }

src/Console/stubs/config.stub

@@ -313,6 +313,8 @@ return [
 
         'sidebar_dark' => false,
 
+        'dark_mode_switch' => false,
+
         // bg-primary, bg-info, bg-warning, bg-success, bg-danger, bg-dark
         'navbar_color' => '',
     ],

src/Grid/Tools/Selector.php

@@ -60,7 +60,7 @@ class Selector
 
     /**
      * @param string        $column
-     * @param string        $label
+     * @param string|array  $label
      * @param array         $options
      * @param null|\Closure $query
      *

src/Widgets/DarkModeSwitcher.php

@@ -31,7 +31,7 @@ HTML;
 
     protected function addStyle()
     {
-        Admin::style('.dark-mode-switcher{font-size: 1.5rem;cursor: pointer}');
+        Admin::style('.dark-mode-switcher{margin:0 10px;font-size: 1.5rem;cursor: pointer}');
     }
 
     protected function addScript()
@@ -39,8 +39,7 @@ HTML;
         $default = $this->defaultDarkMode ? 'true' : 'false';
         $darkSidebar = config('admin.layout.sidebar_dark') ? 'true' : 'false';
 
-        $script =
-            <<<JS
+        $script = <<<JS
 (function() {
     var storage = localStorage || {setItem:function () {}, getItem: function () {}},
         key = 'dcat-admin-theme-mode',