From c87ff441771d287d14a8da33fe6002ff063d37d9 Mon Sep 17 00:00:00 2001
From: ygg2 <43683750+ygg2@users.noreply.github.com>
Date: Fri, 15 May 2026 00:42:04 -0400
Subject: [PATCH 1/2] improve spoilered markdown/quote/link

also changed light theme spoiler color so links will be visible
---
 src/webpage/markdown.ts |  4 ++--
 src/webpage/style.css   | 17 +++++++++--------
 src/webpage/themes.css  |  3 +--
 3 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/webpage/markdown.ts b/src/webpage/markdown.ts
index e3dfb0fe..fd5aa15c 100644
--- a/src/webpage/markdown.ts
+++ b/src/webpage/markdown.ts
@@ -1005,8 +1005,8 @@ class MarkDown {
 		}
 	}
 	static unspoil(e: any): void {
-		e.target.classList.remove("spoiler");
-		e.target.classList.add("unspoiled");
+		e.currentTarget.classList.remove("spoiler");
+		e.currentTarget.classList.add("unspoiled");
 	}
 	onUpdate: (upto: string, pre: boolean) => unknown = () => {};
 	box = new WeakRef(document.createElement("div"));
diff --git a/src/webpage/style.css b/src/webpage/style.css
index 3418123f..89ade637 100644
--- a/src/webpage/style.css
+++ b/src/webpage/style.css
@@ -2788,19 +2788,20 @@ input[type="search"]:read-only {
 	background: var(--spoiler-bg);
 	color: var(--spoiler-bg);
 	cursor: pointer;
-	a {
-		color: var(--spoiler-bg);
+	samp, a {
+		background: transparent;
+		color: inherit;
+	}
+	.quote {
+		background: var(--spoiler-bg);
 	}
 }
 .spoiler:hover {
 	background: var(--spoiler-hover);
 	color: var(--spoiler-hover);
-}
-.unspoiled {
-	color: var(--spoiler-text);
-}
-a.unspoiled {
-	color: var(--link) !important;
+	.quote {
+		background: var(--spoiler-hover);
+	}
 }
 .quote {
 	display: inline-block;
diff --git a/src/webpage/themes.css b/src/webpage/themes.css
index 8eaa2262..8560931d 100644
--- a/src/webpage/themes.css
+++ b/src/webpage/themes.css
@@ -108,14 +108,13 @@
 
 	--button-bg: #babdd2;
 	--button-hover: #9c9fbf;
-	--spoiler-bg: #34333a;
+	--spoiler-bg: #c7c6e5;
 	--link: #283c8b;
 
 	--black: #434392;
 	--red: #ca304d;
 	--secondary-text-soft: #211f2e;
 	--blank-bg: #494985;
-	--spoiler-text: #e4e6ed;
 }
 
 .Dark-Accent-theme {

From 489256e6360bf5bf883d07a1e03d04cdbf445433 Mon Sep 17 00:00:00 2001
From: ygg2 <43683750+ygg2@users.noreply.github.com>
Date: Fri, 15 May 2026 01:53:17 -0400
Subject: [PATCH 2/2] unspoil bg and remove old var from light theme

---
 src/webpage/style.css  | 3 +++
 src/webpage/themes.css | 2 +-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/webpage/style.css b/src/webpage/style.css
index 89ade637..d828b40d 100644
--- a/src/webpage/style.css
+++ b/src/webpage/style.css
@@ -2803,6 +2803,9 @@ input[type="search"]:read-only {
 		background: var(--spoiler-hover);
 	}
 }
+.unspoiled {
+	background: var(--spoiler-unspoiled);
+}
 .quote {
 	display: inline-block;
 	position: relative;
diff --git a/src/webpage/themes.css b/src/webpage/themes.css
index 8560931d..5f6813d6 100644
--- a/src/webpage/themes.css
+++ b/src/webpage/themes.css
@@ -177,8 +177,8 @@ body {
 	--message-jump-bg: color-mix(in srgb, var(--accent-color) 20%, transparent);
 	--code-bg: var(--secondary-bg);
 	--code-text: var(--secondary-text);
-	--spoiler-text: var(--primary-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);
 	--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);