diff --git a/src/webpage/style.css b/src/webpage/style.css
index c2559dc..376ea35 100644
--- a/src/webpage/style.css
+++ b/src/webpage/style.css
@@ -2844,19 +2844,24 @@ input[type="search"]:read-only {
 		background: transparent;
 		color: inherit;
 	}
-	.quote {
+	pre, .quote {
 		background: var(--spoiler-bg);
+		color: var(--spoiler-bg);
 	}
 }
 .spoiler:hover {
 	background: var(--spoiler-hover);
 	color: var(--spoiler-hover);
-	.quote {
+	pre, .quote {
 		background: var(--spoiler-hover);
+		color: var(--spoiler-hover);
 	}
 }
 .unspoiled {
 	background: var(--spoiler-unspoiled);
+	.quote {
+		background: var(--spoiler-unspoiled);
+	}
 }
 .quote {
 	display: inline-block;
diff --git a/src/webpage/themes.css b/src/webpage/themes.css
index a822060..2b72991 100644
--- a/src/webpage/themes.css
+++ b/src/webpage/themes.css
@@ -174,7 +174,7 @@ body {
 	--code-bg: var(--secondary-bg);
 	--code-text: var(--secondary-text);
 	--spoiler-hover: color-mix(in srgb, var(--spoiler-bg), var(--primary-text-soft) 10%);
-	--spoiler-unspoiled: color-mix(in srgb, var(--primary-text-soft) 15%, transparent);
+	--spoiler-unspoiled: color-mix(in srgb, var(--primary-text-soft) 15%, var(--primary-bg));
 	--quote-line: color-mix(in srgb, var(--primary-text-soft), transparent);
 	--reply-line: color-mix(in srgb, var(--primary-text-soft) 20%, transparent);
 	--reply-text: var(--primary-text-soft);