diff --git a/static/demos/light-dark-demo-4/index.html b/static/demos/light-dark-demo-4/index.html
index aaece3f..42cc164 100644
--- a/static/demos/light-dark-demo-4/index.html
+++ b/static/demos/light-dark-demo-4/index.html
@@ -32,7 +32,7 @@
 
                 & .red {
                     color: red;
-                    background: black;
+                    background: var(--pico-background-color);
                 }
 
             }
diff --git a/static/demos/light-dark-demo-4/sw.js b/static/demos/light-dark-demo-4/sw.js
index a9fd4f8..c4960f5 100644
--- a/static/demos/light-dark-demo-4/sw.js
+++ b/static/demos/light-dark-demo-4/sw.js
@@ -21,7 +21,7 @@ self.addEventListener("fetch", event =>{
 async function handle_redirect(req){
     const go_back_to = req.headers.get('Referer') || '/';;
     console.log("ref:",req.headers.get('Referer'), go_back_to);
-    console.log("headers:",req.headers)
+    console.log('All headers:', [...req.headers.entries()]);
     const db_req = self.indexedDB.open("light-dark-store");