From 58ea8bfe9f1245073ef0c0559c37f5276ebab5c6 Mon Sep 17 00:00:00 2001
From: Matthew Bischoff <mb@matthewbischoff.com>
Date: Tue, 23 Apr 2024 02:27:41 -0400
Subject: [PATCH] Better <mark>

---
 _sass/themes/_themes.scss | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/_sass/themes/_themes.scss b/_sass/themes/_themes.scss
index 1acdd34e..d83323a6 100644
--- a/_sass/themes/_themes.scss
+++ b/_sass/themes/_themes.scss
@@ -113,8 +113,15 @@ footer {
 
 
 mark {
-	color: var(--text-emphasized);
+	// https://max.hn/thoughts/how-to-create-a-highlighter-marker-effect-in-css
+	color: inherit;
 	background: var(--highlight);
+	margin: 0 -0.3em;
+	border-radius: 0.7em 0.3em;
+	padding: 0.15em 0.3em;
+
+	-webkit-box-decoration-break: clone;
+	box-decoration-break: clone;
 }
 
 blockquote {