From c12aa4f4fd59742ec33fc459b934da4807ca087a Mon Sep 17 00:00:00 2001
From: Tolaria <vault@tolaria.md>
Date: Mon, 1 Jun 2026 15:27:04 +0200
Subject: [PATCH] fix: keep math source selection readable

---
 src/components/EditorTheme.css            |  5 +++++
 src/components/editorSchema.math.test.tsx | 15 +++++++++++++++
 src/components/editorSchema.tsx           |  2 +-
 3 files changed, 21 insertions(+), 1 deletion(-)

diff --git a/src/components/EditorTheme.css b/src/components/EditorTheme.css
index 1237dbce..7359e32c 100644
--- a/src/components/EditorTheme.css
+++ b/src/components/EditorTheme.css
@@ -289,6 +289,11 @@
   padding: 6px 0;
 }
 
+.editor__blocknote-container .math-block-source::selection {
+  background: var(--colors-selection);
+  color: var(--colors-text);
+}
+
 .editor__blocknote-container .math--block {
   display: block;
   min-width: max-content;
diff --git a/src/components/editorSchema.math.test.tsx b/src/components/editorSchema.math.test.tsx
index b46e271c..72f3f742 100644
--- a/src/components/editorSchema.math.test.tsx
+++ b/src/components/editorSchema.math.test.tsx
@@ -58,4 +58,19 @@ describe('MathBlockEditor', () => {
     expect(editor.updateBlock).not.toHaveBeenCalled()
     expect(editor.focus).toHaveBeenCalled()
   })
+
+  it('uses editor selection colors and a single focused border while editing', () => {
+    renderMathBlockEditor()
+
+    fireEvent.doubleClick(document.querySelector('.math--block')!)
+    const source = screen.getByRole('textbox')
+
+    expect(source).toHaveClass('math-block-source')
+    expect(source).toHaveClass('selection:bg-[var(--colors-selection)]')
+    expect(source).toHaveClass('selection:text-[var(--colors-text)]')
+    expect(source).toHaveClass('focus-visible:ring-0')
+    expect(source).not.toHaveClass('selection:bg-primary')
+    expect(source).not.toHaveClass('selection:text-primary-foreground')
+    expect(source).not.toHaveClass('focus-visible:ring-[3px]')
+  })
 })
diff --git a/src/components/editorSchema.tsx b/src/components/editorSchema.tsx
index 015f6205..e0788181 100644
--- a/src/components/editorSchema.tsx
+++ b/src/components/editorSchema.tsx
@@ -200,7 +200,7 @@ export function MathBlockEditor({ block, editor }: MathBlockEditorProps) {
           <Textarea
             ref={textareaRef}
             aria-label={`Math: ${currentLatex}`}
-            className="min-h-24 font-mono text-sm"
+            className="math-block-source min-h-24 font-mono text-sm selection:bg-[var(--colors-selection)] selection:text-[var(--colors-text)] focus-visible:ring-0"
             value={draftLatex}
             onBlur={finishEditing}
             onChange={(event) => setDraftLatex(event.target.value)}