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] 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 e3dfb0f..fd5aa15 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 3418123..89ade63 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 8eaa226..8560931 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 {