相対的なカーソル行ハイライト

自分の編集箇所にフォーカスしやすくする。

機能としては、Markdownエディター等のフォーカスモードと呼ばれるものと同じ。

table:「Anĝela Osto」との比較

このUserCSS Anĝela Osto

カーソル行の文字そのままそのまま

カーソル行の背景わずかに明転暗転（コントラストを若干低下させる）

その他の行の文字薄くする（コントラストと視認性を低下させる）そのまま

その他の行の背景そのままそのまま

このUserCSSは、現在の自分の編集箇所以外のテキストの視認性低下を意図するもの。

競走馬のマスクのようなもの

カーソル迷子対策を目的とするのであれば、カーソル行を直接強調するカーソル行ハイライトのアプローチの方が適しているだろう

編集時にカーソル行のコントラストを上げ、他の行のコントラストを下げる

code:style.css

body {

--page-bg: hsl(0, 0%, 99%);

--cursor-line-bg: white;

--page-text-color: hsl(0, 0%, 4%);

/* --page-text-color-not-cursor-line: hsl(255, 4%, 38%); */

--page-text-color-not-cursor-line: hsl(257, 4%, 35%);

}

code:style.css

.line.cursor-line,

.line.cursor-line:has(.indent-mark) .indent,

.line.cursor-line:has(img.image),

.line.cursor-line:has(.altalttext) {

background: var(--cursor-line-bg);

}

.page:has(.cursor-line) .line:not(.cursor-line) .text {

color: var(--page-text-color-not-cursor-line, var(--page-text-color));

}