段落下げ装飾
#カスタマイズ
水平線[/icons/hr.icon]をタップしてもリンクが機能しないようにするUserScriptを探していたら、
/Cabiharaというプロジェクトを発見。
そこで見つけた段落下げの装飾が良い感じだったので、自分だけ設定してみた。てじ.icon
例文
以下のように
段落下げに色がつく。
慣れれば、色に意味づけできそう。
そうでなくても、見た目がよい？
ちょっと見た目うるさいなぁ、、、とおもう人もいるかも。
1
2
3
4
ここまで来ると灰色
赤に戻る
例文のスクショです↓
https://gyazo.com/3cfca891a609c0b2fd22e15067238400
設定をいじれば、自分好みのものに変更できるだろう。
スクリプト
以下、/Cabihara/settingsよりそのままコピペしました。
code:style.css
.app .line .indent-mark .dot {
height: .2em; width: .4em; border-radius: 25%; /* 形状変更 */
background-color: #ff7f50; /* coral */
}
.app:not(.presentation) .line .indent-mark .dot {
top: auto; bottom: 0
}
.line .indent-mark .c-1 + .dot {
background-color: #4169e1; /* royalblue */
}
.line .indent-mark .c-2 + .dot {
background-color: #3cb371; /* mediumseagreen */
}
.line .indent-mark .c-3 + .dot {
background-color: rgba(173,173,173,.55);
}