Merge pull request #5758 from Laravel-Backpack/fix-switch-color

Fix the color switch problem, when --bg-switch-checked-color is not set

Author: pxpm

src/resources/views/crud/fields/switch.blade.php

@@ -14,7 +14,7 @@
 
     <div class="d-inline-flex align-items-center">
         {{-- Switch --}}
-        <label class="form-switch switch switch-sm switch-label switch-pill switch-{{ $field['color'] }} mb-0" @if($field['color'] !== 'var(--bg-switch-checked-color)') style="--bg-switch-checked-color: {{ $field['color'] }};"  @endif>
+        <label class="form-switch switch switch-sm switch-label switch-pill switch-{{ $field['color'] }} mb-0" @if($field['color'] !== 'var(--bg-switch-checked-color, black)') style="--bg-switch-checked-color: {{ $field['color'] }};"  @endif>
             <input
                 type="hidden"
                 name="{{ $field['name'] }}"
@@ -23,7 +23,7 @@
                 type="checkbox"
                 data-init-function="bpFieldInitSwitch"
                 {{ (bool) $field['value'] ? 'checked' : '' }}
-                class="switch-input form-check-input" 
+                class="switch-input form-check-input"
                 />
             <span
                 class="switch-slider"
@@ -87,10 +87,10 @@ function bpFieldInitSwitch($element) {
     @bassetBlock('backpack/crud/fields/switch-field.css')
     <style>
         .switch-input:checked+.switch-slider {
-            background-color: var(--bg-switch-checked-color);
+            background-color: var(--bg-switch-checked-color, black);
         }
         .form-switch .form-check-input:checked {
-            background-color: var(--bg-switch-checked-color);
+            background-color: var(--bg-switch-checked-color, black);
         }
     </style>
     @endBassetBlock