Merge pull request #13 from invaders-xx/fix-darkmode

Add dark mode support

Author: RVxLab

resources/views/colorpicker.blade.php

@@ -35,6 +35,10 @@ class="color-picker flex flex-wrap mt-1 shadow-sm"
                     $attributes->class([
                         'color-picker-input',
                         'block transition duration-75 border border-gray-300 focus:border-primary-600 focus:ring-1 focus:ring-inset focus:ring-primary-600 disabled:opacity-70',
+                        'dark:bg-gray-700 dark:text-white' => config('forms.dark_mode'),
+                        'border-gray-300' => !$errors->has($getStatePath()),
+                        'dark:border-gray-600' => !$errors->has($getStatePath()) && config('forms.dark_mode'),
+                        'border-danger-600 ring-danger-600' => $errors->has($getStatePath()),
                         '!rvx-rounded-r-lg flex-1 border-l-0' => $getPreview(),
                         'rounded-lg w-full' => !$getPreview(),
                     ])

resources/views/preview.blade.php

@@ -1,10 +1,10 @@
 <div
-    class="color-picker-preview rvx-h-[42px] w-11 rvx-rounded-l-lg border border-gray-300 !rvx-border-r-0 inline-flex relative overflow-hidden sm:text-sm"
+    class="color-picker-preview rvx-h-[42px] w-11 rvx-rounded-l-lg border border-gray-300 dark:border-gray-600 !rvx-border-r-0 inline-flex relative overflow-hidden sm:text-sm"
 >
     <span
         class="absolute inset-0 h-full"
         :style="{
-            backgroundColor: color,
+            backgroundColor: color
         }"
         data-preview>
     </span>