diff --git a/site/src/routes/blog/[slug].svelte b/site/src/routes/blog/[slug].svelte
index 1e9092e4da..0473ecd0c3 100644
--- a/site/src/routes/blog/[slug].svelte
+++ b/site/src/routes/blog/[slug].svelte
@@ -54,7 +54,7 @@
 	.post :global(h2) {
 		margin: 2em 0 0.5em 0;
 		/* color: var(--second); */
-		color: black;
+		color: var(--text);
 		font-size: var(--h3);
 		font-weight: 300;
 	}
diff --git a/site/src/routes/blog/index.svelte b/site/src/routes/blog/index.svelte
index 01dd6eff44..cceae6ef25 100644
--- a/site/src/routes/blog/index.svelte
+++ b/site/src/routes/blog/index.svelte
@@ -38,7 +38,7 @@
 	h2 {
 		display: inline-block;
 		margin: 3.2rem 0 0.4rem 0;
-		color: black;
+		color: var(--text);
 		max-width: 18em;
 		font-size: var(--h3);
 		font-weight: 300;