settings

code:style.css

.indent-mark .char-index{

--ir-opacity: 0.06;

--ir-red: rgba(255, 0, 0, var(--ir-opacity));

--ir-orange: rgba(255, 165, 0, var(--ir-opacity));

--ir-yellow: rgba(255, 255, 0, var(--ir-opacity));

--ir-green: rgba( 0, 128, 0, var(--ir-opacity));

--ir-blue: rgba( 0, 0, 255, var(--ir-opacity));

--ir-violet: rgba(238, 130, 238, var(--ir-opacity));

--ir-purple: rgba(128, 0, 128, var(--ir-opacity));

}

.indent-mark .char-index:nth-child(7n+1) { background-color: var(--ir-red) }

.indent-mark .char-index:nth-child(7n+2) { background-color: var(--ir-orange) }

.indent-mark .char-index:nth-child(7n+3) { background-color: var(--ir-yellow) }

.indent-mark .char-index:nth-child(7n+4) { background-color: var(--ir-green) }

.indent-mark .char-index:nth-child(7n+5) { background-color: var(--ir-blue) }

.indent-mark .char-index:nth-child(7n+6) { background-color: var(--ir-violet) }

.indent-mark .char-index:nth-child(7n) { background-color: var(--ir-purple) }

.indent-mark .char-index:nth-last-child(1) { background-color: transparent; }

タグを辿ると、チェックボックスを使っている記事一覧が見られるのもよいかも？

code:style.css

/* チェックボックスになるタグ v2 Font Awesome版 */

display: inline-block; width: 0; text-indent: -9999px }

display: inline-block; min-width: 1.15em; padding-left: 1px;

font-family: 'Font Awesome 5 Free'; font-weight: 400;

font-size: 120%; text-align: center; vertical-align: middle }

タイポグラフィ関連

code:style.css

body, .project-home, .title, .editor {

font-family: 'Helvetica Neue', 'Arial', 'BIZ UDGothic', 'Hiragino Kaku Gothic ProN', 'Noto Sans JP', 'BIZ UDPGothic', 　sans-serif;

font-optical-sizing: auto;

overflow-wrap: anywhere;

line-break: strict;

letter-spacing: 0.005em;

}