wip

resources/views/components/alarm-neutral.blade.php

@@ -1,4 +1,4 @@
 <div
-    class="text-primary-600 dark:text-primary-400 border border-primary-300 dark:border-primary-600 bg-primary-50 dark:bg-primary-100/10 rounded">
+    class="text-primary-600 dark:text-primary-500 border border-primary-300 dark:border-primary-500/30 bg-primary-50 dark:bg-primary-800/20 rounded">
     {{ $slot }}
 </div>

resources/views/filament/resources/events/widgets/alarm-widget.blade.php

@@ -1,21 +1,22 @@
-<div class="grid grid-cols-2 gap-1 p-1 border border-gray-800 rounded-xl bg-gray-900 text-center" style="font-size: 10.5px;">
+<div class="grid grid-cols-2 gap-1 py-2 px-3 border rounded-xl border-zinc-200 dark:border-zinc-800 bg-gray-100 dark:bg-gray-900 text-center shadow"
+    style="font-size: 10.5px;">
     <div class="row-span-3 text-lg text-gray-500 pt-3">{{ $title }}</div>
-    
-    @if($red)
-    <div class="cursor-pointer"><x-alarm-red>{{ $red }}</x-alarm-red></div>
+
+    @if ($red)
+        <div class="cursor-pointer"><x-alarm-red>{{ $red }}</x-alarm-red></div>
     @else
-    <x-alarm-neutral>0</x-alarm-neutral>
+        <x-alarm-neutral>0</x-alarm-neutral>
     @endif
 
-    @if($yellow)
-    <div class="cursor-pointer"><x-alarm-yellow>{{ $yellow }}</x-alarm-yellow></div>
+    @if ($yellow)
+        <div class="cursor-pointer"><x-alarm-yellow>{{ $yellow }}</x-alarm-yellow></div>
     @else
-    <x-alarm-neutral>0</x-alarm-neutral>
+        <x-alarm-neutral>0</x-alarm-neutral>
     @endif
 
-    @if($green)
-    <div class="cursor-pointer"><x-alarm-green>{{ $green }}</x-alarm-green></div>
+    @if ($green)
+        <div class="cursor-pointer"><x-alarm-green>{{ $green }}</x-alarm-green></div>
     @else
-    <x-alarm-neutral>0</x-alarm-neutral>
+        <x-alarm-neutral>0</x-alarm-neutral>
     @endif
 </div>