diff --git a/html/adjustable-bar-graph.tsx b/html/adjustable-bar-graph.tsx
index 7d34ec8..9c0354d 100644
--- a/html/adjustable-bar-graph.tsx
+++ b/html/adjustable-bar-graph.tsx
@@ -28,7 +28,7 @@ const Bars = ({ starts, color }: { starts: number[]; color: string }) => (
         }}
     >
         {...starts.map(start => (
-            <Bar start={start} color="rgb(var(--color-background))" />
+            <Bar start={start} color="rgb(var(--color-notWhite))" />
         ))}
     </div>
 );
@@ -39,7 +39,7 @@ render_and_copy(
             display: "flex",
             width: "100%",
             aspectRatio: "16/9",
-            backgroundColor: "rgb(var(--color-background))",
+            backgroundColor: "rgb(var(--color-notWhite))",
             borderRadius: "1rem",
             border: "0.25rem solid rgb(var(--color-cherry))",
             overflow: "hidden",