diff --git a/README.md b/README.md
index b36e256..6460284 100644
--- a/README.md
+++ b/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
 
diff --git a/resources/screenshots/danger.png b/resources/screenshots/danger.png
deleted file mode 100644
index 6139fd7..0000000
Binary files a/resources/screenshots/danger.png and /dev/null differ
diff --git a/resources/screenshots/dark.png b/resources/screenshots/dark.png
new file mode 100644
index 0000000..c33d481
Binary files /dev/null and b/resources/screenshots/dark.png differ
diff --git a/resources/screenshots/info-with-link.png b/resources/screenshots/info-with-link.png
deleted file mode 100644
index dba1456..0000000
Binary files a/resources/screenshots/info-with-link.png and /dev/null differ
diff --git a/resources/screenshots/info.png b/resources/screenshots/info.png
deleted file mode 100644
index d2a3f14..0000000
Binary files a/resources/screenshots/info.png and /dev/null differ
diff --git a/resources/screenshots/light.png b/resources/screenshots/light.png
new file mode 100644
index 0000000..5b42368
Binary files /dev/null and b/resources/screenshots/light.png differ
diff --git a/resources/screenshots/success.png b/resources/screenshots/success.png
deleted file mode 100644
index 4d38a27..0000000
Binary files a/resources/screenshots/success.png and /dev/null differ
diff --git a/resources/screenshots/warning.png b/resources/screenshots/warning.png
deleted file mode 100644
index d02b366..0000000
Binary files a/resources/screenshots/warning.png and /dev/null differ
diff --git a/resources/views/simple-alert-entry.blade.php b/resources/views/simple-alert.blade.php
similarity index 86%
rename from resources/views/simple-alert-entry.blade.php
rename to resources/views/simple-alert.blade.php
index fc87bce..ea18f5c 100644
--- a/resources/views/simple-alert-entry.blade.php
+++ b/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>
diff --git a/src/Components/SimpleAlert.php b/src/Components/SimpleAlertEntry.php
similarity index 98%
rename from src/Components/SimpleAlert.php
rename to src/Components/SimpleAlertEntry.php
index d87a404..1b26b5a 100644
--- a/src/Components/SimpleAlert.php
+++ b/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';