「Alruina Aŭreolo」までの反省点
入力中のテキストへの注意誘導の反省点
ページ本文
変更後はカーソル行のコントラストを上げ、カーソル行以外のコントラストがわずかに下がる。
MarkText の「Focus Mode」と同系統の機能を果たすUIとなったため、先例として参考にさせていただいた(GIF画像は公式ドキュメントより)。https://github.com/marktext/marktext/blob/develop/docs/focus.gif?raw=true table:MarkTextとの差異
MarkText(全てのテーマで共通) Alruina Aŭreolo
カーソル行の背景色 そのまま わずかに明るくなる(コントラスト上昇)
カーソル行の文字色 そのまま そのまま
カーソル行以外の背景色 そのまま そのまま、またはわずかに濃くなる(コントラスト低下)
カーソル行以外の文字色 非常に薄くなる(背景色と溶け合い視認性が大幅に低下) わずかに薄くなる(コントラスト低下) ページ余白 そのまま わずかに明るくなる
このページは Alruina Aŭreolo スキンの適用されているページの実例であり、ページ内のどこかの行をクリックすればその目で実際の表示変化の度合いを確かめることができる。
「ページの余白」の背景色と「ページ本文」の背景色の両方を個別に変化させることで「カーソル行のハイライト」のコントラストの境界をよりさりげないものする趣向を凝らし、カーソル行以外の暗転をより目立たないものにしている(輝度:カーソル行 > ページ上下左右の余白 > カーソル行以外の行)
ナビゲーションバー
フォントスタイルの変更