テロメアの配色
テロメアとスクロールバーオーバーレイの配色#NremのCosenseテーマの開発 NremのCosenseテーマの機能と焦点 #designsettings.iconsettings/theme/common/telomeres
table:テロメアのjou配色Nremののの状態と一覧
Telomare Cosense default This Priskribo
– #eaebeb – 無彩色(薄いグレー) グレー
.unread #7fca8f – 緑 紫
.updated-after-load #47ba5f – 青 緑
.updated-after-load.unread #47ba5f – 青 赤
.will-delete-next #fd7373 – 赤 赤
デフォルト
app.css
セレクター:
変数:border-color: var(--telomere-border, #e2e2e2);
初期値:灰色(#eaebeb)
標準テーマは背景色に溶け込む色
nremiel.theme.core/style.css
セレクター:
変数border-color: var(--c-telomere)
Nrem.icon: 無彩色等
特に意味がないのであれば、そのテーマの中で目立たない色にするとよい。
未読
app.css
セレクター:.line .telomere .telomere-border.unread:not(.updated-after-load)
変数:border-color: var(--telomere-unread, #89a3ff)
既定値:green緑(--telomere-unread: #7fca8f)
nremiel.theme.core/style.css
セレクター:
変数border-color: var(--c-telomere-unread)
Nrem.icon: purplepurple
更新
app.css
セレクター:.line .telomere .telomere-border.updated-after-load
変数:border-color: var(--telomere-updated, #6b8cff)
既定値:blue青(--telomere-updated: #7fca8f)
nremiel.theme.core/style.css
セレクター:
自分がそのページを開いている間に更新された&既読
変数:border-color: var(--c-telomere-updated)
Nrem.icon: greengreen
中立的かつ自然現象のように干渉不能な印象を与える色がよいNrem.icon
更新&未読
app.css
セレクター:.line .telomere .telomere-border.updated-after-load
変数:border-color: var(--telomere-updated, #6b8cff)
既定値:blue青(--telomere-updated: #7fca8f)
nremiel.theme.core/style.css
セレクター:.updated-after-load.unread
自分がそのページを開いている間に更新された&他の誰にも読まれていない状態
自分が編集したばかりの行はしばらくこの状態となる。
変数:border-color: var(--c-telomere-updated-after-load-unread)
Nrem.icon: redred
最も新鮮なマーカー。
「編集には責任が伴う」ことを暗示する。
血や切り傷の色に相応しいNrem.icon
Nrem.icon pinkDeeppink (Alruina Aŭreolo) hsl(from deeppink h s l / 85%);
削除済み
リビジョン履歴にて表示
app.css
セレクター:.line .telomere .telomere-border.will-delete-next
変数:なし
nremiel.theme.core/style.css
セレクター:.updated-after-load.unread
自分がそのページを開いている間に更新された&他の誰にも読まれていない状態
自分が編集したばかりの行はしばらくこの状態となる。
変数:border-color: var(--c-telomere-will-delete-next)
Nrem.icon: redred