diff --git a/README.md b/README.md
index 189a7be1..5bc1bf57 100644
--- a/README.md
+++ b/README.md
@@ -1,7 +1,7 @@
 <div align="center">
 	<p><img src="art/header.jpg" alt="PowerGrid Logo"></p>
     <p align="center">
-        <a href="https://packagist.org/packages/power-components/livewire-powergrid"><img alt="Latest Version" src="https://img.shields.io/static/v1?label=laravel&message=%E2%89%A59.0&color=0078BE&logo=laravel&style=flat-square"></a>
+        <a href="https://packagist.org/packages/power-components/livewire-powergrid"><img alt="Latest Version" src="https://img.shields.io/static/v1?label=laravel&message=%E2%89%A510.0&color=0078BE&logo=laravel&style=flat-square"></a>
         <a href="https://packagist.org/packages/power-components/livewire-powergrid"><img alt="Total Downloads" src="https://img.shields.io/packagist/dt/power-components/livewire-powergrid"></a>
         <a href="https://github.com/Power-Components/livewire-powergrid/actions">
             <img alt="Tests Passing" src="https://github.com/Power-Components/livewire-powergrid/workflows/Powergrid%20Tests/badge.svg" />
@@ -33,7 +33,12 @@ PowerGrid creates modern, powerful and easy to customize Datatables based on Lar
 <br/>
 
 <p>
-    <img src="https://livewire-powergrid.com/_media/screenshot.png" alt="PowerGrid Screenshot">
+    <img src="art/screenshot_light.png" alt="PowerGrid Dark Screenshot">
+</p>
+
+Dark mode:
+<p>
+    <img src="art/screenshot_dark.png" alt="PowerGrid Dark Screenshot">
 </p>
 
 <br/>
diff --git a/art/screenshot_dark.png b/art/screenshot_dark.png
new file mode 100644
index 00000000..3b2412d7
Binary files /dev/null and b/art/screenshot_dark.png differ
diff --git a/art/screenshot_light.png b/art/screenshot_light.png
new file mode 100644
index 00000000..dd65e923
Binary files /dev/null and b/art/screenshot_light.png differ