「Alruina Aŭreolo」までの反省点
Alruina Aŭreolo での変更事項--project-theme nremiel.aureoloAlruina Aŭreolo.iconAlruina Aŭreolo #NremのCosenseテーマの開発design
入力中のテキストへの注意誘導の反省点
ページ本文
カーソル行に半身のダークテーマであるTermika Radiadoを適用するコードを試しに書いたものの、作業効率が落ちる&Cosense全体の挙動が非常に重くなるためボツに。
nowwritinga
カーソル行のハイライト表示:starカーソル行とそれ以外の行のコントラストの関係性をこれまでのものから逆転させた。
Anĝela Osto と Termika Radiado ではカーソル行の背景色が文字色に近づくことによってコントラストと視認性がやや低下していた。
変更後はカーソル行のコントラストを上げ、カーソル行以外のコントラストがわずかに下がる。
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 スキンの適用されているページの実例であり、ページ内のどこかの行をクリックすればその目で実際の表示変化の度合いを確かめることができる。
「ページの余白」の背景色と「ページ本文」の背景色の両方を個別に変化させることで「カーソル行のハイライト」のコントラストの境界をよりさりげないものする趣向を凝らし、カーソル行以外の暗転をより目立たないものにしている(輝度:カーソル行 > ページ上下左右の余白 > カーソル行以外の行)
nowwriting追記:やはり背景色の変更は最低限にしたほうがよい
ナビゲーションバー
nowwriting編集中のナビゲーションバーの
フォントスタイルの変更
nowwritingverkos