improve spoilered markdown/quote/link

also changed light theme spoiler color so links will be visible

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"));

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;

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 {