diff --git a/static/demos/light-dark-demo-1/index.html b/static/demos/light-dark-demo-1/index.html
index 670c9c5..1238c24 100644
--- a/static/demos/light-dark-demo-1/index.html
+++ b/static/demos/light-dark-demo-1/index.html
@@ -19,7 +19,7 @@
 
             :root:has(body.toggled) {
                 --pico-color: white;
-                --pico-background-color: black;
+                --pico-background-color: rgb(19, 22.5, 30.5);
 
             }
         }
@@ -27,7 +27,7 @@
         @media (prefers-color-scheme: dark) {
             :root {
                 --pico-color: white;
-                --pico-background-color: black;
+                --pico-background-color: rgb(19, 22.5, 30.5);
             }
 
             :root:has(body.toggled) {
diff --git a/static/demos/light-dark-demo-2/index.html b/static/demos/light-dark-demo-2/index.html
index eb41341..24b9b3d 100644
--- a/static/demos/light-dark-demo-2/index.html
+++ b/static/demos/light-dark-demo-2/index.html
@@ -19,7 +19,7 @@
 
             :root:has(body.toggled) {
                 --pico-color: white;
-                --pico-background-color: black;
+                --pico-background-color: rgb(19, 22.5, 30.5);
 
             }
         }
@@ -27,7 +27,7 @@
         @media (prefers-color-scheme: dark) {
             :root {
                 --pico-color: white;
-                --pico-background-color: black;
+                --pico-background-color: rgb(19, 22.5, 30.5);
             }
 
             :root:has(body.toggled) {
diff --git a/static/demos/light-dark-demo-3/index.html b/static/demos/light-dark-demo-3/index.html
index 5cedb71..50ffcde 100644
--- a/static/demos/light-dark-demo-3/index.html
+++ b/static/demos/light-dark-demo-3/index.html
@@ -19,7 +19,7 @@
 
             :root:has(#light-dark-toggle:checked) {
                 --pico-color: white;
-                --pico-background-color: black;
+                --pico-background-color: rgb(19, 22.5, 30.5);
                 --button-bg: #888;
 
             }
@@ -28,7 +28,7 @@
         @media (prefers-color-scheme: dark) {
             :root {
                 --pico-color: white;
-                --pico-background-color: black;
+                --pico-background-color: rgb(19, 22.5, 30.5);
                 --button-bg: #888;
             }
 
diff --git a/static/demos/light-dark-demo-4/index.html b/static/demos/light-dark-demo-4/index.html
index 9e1b845..e025f08 100644
--- a/static/demos/light-dark-demo-4/index.html
+++ b/static/demos/light-dark-demo-4/index.html
@@ -28,6 +28,7 @@
 
             :root:has(body.toggled) {
                 --pico-color: white;
+                --pico-background-color: rgb(19, 22.5, 30.5);
 
                 & .red {
                     color: red;
@@ -41,6 +42,7 @@
         @media (prefers-color-scheme: dark) {
             :root {
                 --pico-color: white;
+                --pico-background-color: rgb(19, 22.5, 30.5);
 
                 & .red {
                     color: red;