diff --git a/examples/sequence-designer/index.html b/examples/sequence-designer/index.html
index 21e62fd0..dfa8355c 100644
--- a/examples/sequence-designer/index.html
+++ b/examples/sequence-designer/index.html
@@ -12,10 +12,16 @@
     }
 
     .hpgv_track-sequence {
-        --nucleobase-a: #c3587f;
-        --nucleobase-t: #e8a06d;
-        --nucleobase-c: #4bd877;
-        --nucleobase-g: #289adc;
+        --nucleobase-a: #d06fa9;
+        --nucleobase-t: #e89188;
+        --nucleobase-g: #4bd897;
+        --nucleobase-c: #44a4dc;
+
+        --gc-banding-low: #882a51;
+        --gc-banding-high: #1bffff;
+
+        --text-color: rgba(255, 255, 255, 0.7);
+        --text-additive-blending: 1.0; /* set to 0.0 for dark text colors */
     }
 </style>