UserCSS-からふる
情報貰ったので後でやりなおそう
0
1
2
3
4
5
6
code:style.css
.indent-mark .dot:nth-child(7n+2) {
background-color: hsl(0, 100%, 80%);
}
.indent-mark .dot:nth-child(7n+3) {
background-color: hsl(30, 100%, 80%);
}
.indent-mark .dot:nth-child(7n+4) {
background-color: hsl(200, 100%, 60%);
}
.indent-mark .dot:nth-child(7n+5) {
background-color: hsl(300, 100%, 80%);
}
.indent-mark .dot:nth-child(7n+6) {
background-color: hsl(260, 100%, 80%);
}
.indent-mark .dot:nth-child(7n+7) {
background-color: hsl(150, 100%, 45%);
}
.indent-mark .dot:nth-child(7n+8) {
background-color: hsl(180, 100%, 80%);
}
HSVで書けて便利ですね〜
7はハイライトの数、2はインデント数1の時のdotの位置
2021-12-29 人のプロジェクトで使われているのを見たけど黒ベースにも合うなこれ こんな
感じ
に
なる
よ
結構
よい
https://gyazo.com/ec59e45bc5eea1ebe6589c0257083805