Screenshots

README.md

@@ -101,13 +101,10 @@ SimpleAlertEntry::make()
     ->linkBlank(),
 ```
 
-### Screenshots
+### Screenshot
 
-![success](resources/screenshots/success.png)
-![danger](resources/screenshots/danger.png)
-![info](resources/screenshots/info.png)
-![warning](resources/screenshots/warning.png)
-![info](resources/screenshots/info-with-link.png)
+![light](resources/screenshots/light.png)
+![dark](resources/screenshots/dark.png)
 
 ## Contributing
 

resources/views/simple-alert-entry.blade.php → resources/views/simple-alert.blade.php

@@ -2,12 +2,12 @@
     use Filament\Support\Facades\FilamentAsset;use function Filament\Support\get_color_css_variables;
 
     $colors = \Illuminate\Support\Arr::toCssStyles([
-           get_color_css_variables($getType(), shades: [50, 400, 600, 700, 800]),
+           get_color_css_variables($getType(), shades: [50, 400, 500, 600, 700, 800]),
    ]);
 @endphp
 
 <x-dynamic-component :component="$getEntryWrapperView()" :entry="$entry">
-    <div class="filament-simple-alert rounded-md bg-custom-50 p-4" style="{{ $colors }}">
+    <div class="filament-simple-alert rounded-md bg-custom-50 p-4 dark:bg-gray-900 dark:ring-white/10" style="{{ $colors }}">
         <div class="flex">
             @if($getIcon())
                 <div class="flex-shrink-0 self-center">
@@ -19,16 +19,16 @@ class="h-5 w-5 h-5 w-5 text-custom-400"
             @endif
             <div class="ml-3 flex-1 md:flex md:justify-between">
                 <div>
-                    <p class="text-sm font-medium text-custom-800">
+                    <p class="text-sm font-medium text-custom-800 dark:text-white">
                         {!! $getTitle() !!}
                     </p>
-                    <p class="text-sm text-custom-700">
+                    <p class="text-sm text-custom-700 dark:text-white">
                         {!! $getDescription() !!}
                     </p>
                 </div>
                 @if($getLink())
                     <p class="mt-3 text-sm md:ml-6 md:mt-0 self-center">
-                        <a href="{{ $getLink() }}" {{ $getBlank() ? 'target="_blank"' : '' }} class="whitespace-nowrap font-medium text-custom-700 hover:text-custom-600">
+                        <a href="{{ $getLink() }}" {{ $getBlank() ? 'target="_blank"' : '' }} class="whitespace-nowrap font-medium text-custom-400 hover:text-custom-500">
                             {{ $getLinkLabel() }}
                             <span aria-hidden="true"> &rarr;</span>
                         </a>

src/Components/SimpleAlert.php → src/Components/SimpleAlertEntry.php

@@ -5,9 +5,9 @@
 use Closure;
 use Filament\Infolists\Components\Entry;
 
-class SimpleAlert extends Entry
+class SimpleAlertEntry extends Entry
 {
-    protected string $view = 'filament-simple-alert::simple-alert-entry';
+    protected string $view = 'filament-simple-alert::simple-alert';
 
     protected string $type = 'gray';