テロメアの配色
table:テロメアの配色
Telomare Cosense default Aureolo Priskribo
– #eaebeb – 無彩色（薄いグレー） グレー
.unread #7fca8f – 緑 紫
.updated-after-load #47ba5f – 青 緑
.updated-after-load.unread – 赤
.will-delete-next #fd7373 – 赤 赤
#テロメア #マーカー
/help-jp/リリースノート2022#63842da097c2910000b395b2
Thu Nov 24 18:06:49 2022
テロメアを既読・未読・ロード後に更新の3色に分ける
デフォルト
#app.css
セレクター：
変数：
border-color: var(--telomere-border, #e2e2e2);
初期値：グレー（#eaebeb）
背景色に溶け込む色。主に無彩色。
未読#未読テロメア
#app.css
セレクター：
.line .telomere .telomere-border.unread:not(.updated-after-load)
変数：
border-color: var(--telomere-unread, #89a3ff)
既定値：緑系統
--telomere-unread: #7fca8f
#Aureole/Eclipseテーマ
テーマカラーに追従
後にUserCSSとしてモジュール化した：未読テロメアの配色をテーマカラーに準拠させるUserCSS
ロード後（更新＆未読）
自分がそのページを開いている間に更新されたことを示す
自分や他のメンバーが編集している/編集した行がしばらくこの状態になる
ページを閉じるか時間経過で「未読」テロメアに変わる
#app.css
セレクター：
.line .telomere .telomere-border.updated-after-load
変数：
border-color: var(--telomere-updated, #6b8cff)
既定値：青系統
--telomere-updated: #7fca8f
#Aureole/Eclipseテーマ
紅
この警告色は「編集には責任が伴う」ことを暗示する
一度、実験的に deeppink（hsl(from deeppink h s l / 85%);）に変更したことがある
警告色としての用を成さないことがわかったので赤に戻した
削除済みの行（ページ履歴）
#app.css
セレクター：
.line .telomere .telomere-border.will-delete-next
変数：なし