入力中のテキストにフォーカスする
カーソル行のコントラストを上げ、カーソル行以外のコントラストをわずかに落とす。
情報のフィルタリング
自然に注意の焦点が狭まり没入感が得られる
視認性が低下しやすい
ハイライト(カーソル行)の輪郭がくっきりしない
編集中のテキストを見分けやすくする
背景色同士のコントラストが高い。
背景色は文字色よりも面積と密度が大きいうえに輪郭もはっきりしている
カーソルを見失いずらい
視認性が高い
開発または車輪の再発明にあたって
Anĝela Osto と Termika Radiado ではカーソル行の背景色が文字色に近づくことによってコントラストと視認性が若干低下していた。 table:MarkTextとの差異
MarkText(全てのテーマで共通) Alruina Aŭreolo
カーソル行の背景色 そのまま わずかに明るくなる(コントラスト上昇)
カーソル行の文字色 そのまま そのまま
カーソル行以外の背景色 そのまま またはわずかに濃くなる(コントラスト低下)→そのまま
カーソル行以外の文字色 非常に薄くなる(背景色と溶け合い視認性が大幅に低下) わずかに薄くなる(コントラスト低下) ページ余白 そのまま わずかに明るくなる→そのまま
MarkText の「Focus Mode」と同系統の機能を果たすUIとなったため、先例として参考にさせていただいた(GIF画像は公式ドキュメントより)。https://github.com/marktext/marktext/blob/develop/docs/focus.gif?raw=true このページは Alruina Aŭreolo スキンの適用されているページの実例であり、ページ内のどこかの行をクリックすればその目で実際の表示変化の度合いを確かめることができる。
「ページの余白」の背景色と「ページ本文」の背景色の両方を個別に変化させることで「カーソル行のハイライト」のコントラストの境界をよりさりげないものする趣向を凝らし、カーソル行以外の暗転をより目立たないものにしている(輝度:カーソル行 > ページ上下左右の余白 > カーソル行以外の行)
カーソル行を強調するUIに「カーソル行が相対的に目立たなくなる調整」をするのは矛盾していて、用を成さなくする。