diff --git a/demo/style-dark.css b/demo/style-dark.css
index bc414486c5fd74f33608af351fe7f463390e3db3..f3755fbb8c811752ae4ac1d7e4ec8be84a8eb34c 100644
--- a/demo/style-dark.css
+++ b/demo/style-dark.css
@@ -20,6 +20,12 @@
   --accent-color: var(--orange-1);
 }
 
+.tab-page {
+  --accent-bg-color: alpha(white, .6);
+  --accent-fg-color: alpha(black, .8);
+  --accent-color: alpha(white, .75);
+}
+
 .tab-page-color-1 {
   background: shade(var(--blue-5), 0.7);
 }
diff --git a/demo/style.css b/demo/style.css
index 39605bbb3bcc0ce6bbeca19c563072478d60d01b..c3369b41855bd205b6db1292ba3b88b71660b399 100644
--- a/demo/style.css
+++ b/demo/style.css
@@ -47,6 +47,12 @@ stacksidebar {
   background: linear-gradient(to bottom, var(--green-2), var(--green-5));
 }
 
+.tab-page {
+  --accent-bg-color: alpha(black, .6);
+  --accent-fg-color: white;
+  --accent-color: alpha(black, .75);
+}
+
 .tab-page-color-1 {
   background: shade(var(--blue-1), 1.2);
 }