diff --git a/examples/common/default/default.css b/examples/common/default/default.css
index a05d4be..cc19a22 100644
--- a/examples/common/default/default.css
+++ b/examples/common/default/default.css
@@ -152,9 +152,10 @@
 td.repl hr {display: inline-block; width: 95%; color: #cde}
 td.repl em {color: #a00; text-decoration: underline; padding-right: 0.3ex;}
 td.repl strong {color: white; background: #00a; padding: 0 0.5ex;}
-td.repl h2:before {content: "■"; color: #a22;}
-td.repl h3:before {content: "◆"; color: #a22;}
-td.repl h4:before {content: "○";}
+:root {--repl-heading-color: #a22;}
+td.repl h2:before {content: "■"; color: var(--repl-heading-color);}
+td.repl h3:before {content: "◆"; color: var(--repl-heading-color);}
+td.repl h4:before {content: "◎"; color: var(--repl-heading-color);}
 td.repl div.atall {
     color: white; background: #66f; padding: 0 0.8ex;
     display: inline-block; border-radius: 0.8ex;