MetonaTeam/MetonaEditor
2
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(style): set color on highlight layer so non-highlighted text is visible

Browse Source 
Add color: var(--md-text) to .me-highlight-layer base style
Add color: var(--md-text) to .mh-bold span
Without this, non-matched plain text in the highlight overlay
was invisible when textarea text is transparent
This commit is contained in:
thzxx
2026-07-24 17:43:31 +08:00
parent 9728fb7b6e
commit 8b776185ab
1 changed files with 2 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles.js
+2 -1
View File
@@ -139,9 +139,10 @@ const generateCSS = () => {
font-family: var(--md-mono); font-size: 13.5px; line-height: 1.7; font-family: var(--md-mono); font-size: 13.5px; line-height: 1.7;
white-space: pre-wrap; word-wrap: break-word; white-space: pre-wrap; word-wrap: break-word;
pointer-events: none; background: transparent; pointer-events: none; background: transparent;
color: var(--md-text);
} }
.mh-heading { color: var(--md-accent); font-weight: 700; } .mh-heading { color: var(--md-accent); font-weight: 700; }
.mh-bold { font-weight: 700; } .mh-bold { color: var(--md-text); font-weight: 700; }
.mh-italic { font-style: italic; } .mh-italic { font-style: italic; }
.mh-strike { color: var(--md-muted); text-decoration: line-through; } .mh-strike { color: var(--md-muted); text-decoration: line-through; }
.mh-code { background: var(--md-code-bg); border-radius: 3px; padding: 0 2px; } .mh-code { background: var(--md-code-bg); border-radius: 3px; padding: 0 2px; }