diff --git a/compare.html b/compare.html
index faa97ba..3fe220d 100644
--- a/compare.html
+++ b/compare.html
@@ -66,7 +66,7 @@
         }
         
         .delta.neutral {
-            background: var(--color-border);
+            background: var(--color-bg-tertiary);
             color: var(--color-text-secondary);
         }
     </style>
diff --git a/waterfall.html b/waterfall.html
index ed32774..4142d29 100644
--- a/waterfall.html
+++ b/waterfall.html
@@ -18,7 +18,7 @@
         .waterfall-canvas {
             width: 100%;
             overflow-x: auto;
-            background: white;
+            background: var(--color-bg-tertiary);
             border-radius: 8px;
             padding: 1rem;
         }
@@ -33,7 +33,7 @@
         }
         
         .waterfall-row:hover {
-            background: rgba(114, 9, 183, 0.1);
+            background: rgba(114, 9, 183, 0.2);
         }
         
         .request-label {
@@ -76,10 +76,10 @@
             top: 50%;
             left: 50%;
             transform: translate(-50%, -50%);
-            background: white;
+            background: var(--color-bg-secondary);
             padding: 2rem;
             border-radius: 12px;
-            box-shadow: 0 10px 40px rgba(0,0,0,0.3);
+            box-shadow: 0 10px 40px rgba(0,0,0,0.5);
             max-width: 800px;
             max-height: 80vh;
             overflow-y: auto;
@@ -93,7 +93,7 @@
             left: 0;
             width: 100%;
             height: 100%;
-            background: rgba(0,0,0,0.5);
+            background: rgba(0,0,0,0.7);
             z-index: 999;
         }