From e8a965650b38c669c037c6df2c6b970534504605 Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Thu, 26 Jun 2025 12:02:30 -0400
Subject: [PATCH] fix: prevent highlighted text from appearing italicized
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Add explicit styles for mark elements
- Force normal font-style with \!important
- Add subtle padding and border-radius for highlights
- Ensure text color inheritance for proper contrast

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 src/lib/components/edra/editor.css | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/src/lib/components/edra/editor.css b/src/lib/components/edra/editor.css
index 58cba1ce..cc01d62 100644
--- a/src/lib/components/edra/editor.css
+++ b/src/lib/components/edra/editor.css
@@ -330,6 +330,19 @@ input[type='checkbox'] {
 	}
 }
 
+/* Highlight Styles */
+.tiptap mark {
+	font-style: normal !important;
+	padding: 0.125rem 0;
+	border-radius: 0.25rem;
+	text-decoration: none;
+}
+
+.tiptap mark[data-color] {
+	background-color: var(--highlight-color);
+	color: inherit;
+}
+
 /* Math Equations (KaTeX) */
 .katex:hover {
 	background-color: var(--code-bg);