settings
/customize/インデントレベルをわかりやすくする
code:style.css
.app:not(.presentation) .indent-mark .char-index:not(:nth-last-child(1)):not(:nth-last-child(2)) {
position: relative;
}
.app:not(.presentation) .indent-mark .char-index:not(:nth-last-child(1)):not(:nth-last-child(2))::before {
content: " ";
position: absolute;
left: 43%;
margin: -4px 0;
border-left: 2px solid #dcdcdc; /* 色の指定 */
}
/scrasobox/チェックボックスになるタグ_2
タグを辿ると、チェックボックスを使っている記事一覧が見られるのもよいかも?
code:style.css
/* チェックボックスになるタグ v2 Font Awesome版 */
.line:not(.cursor-line) ahref$='/o':not(.icon) span,
.line:not(.cursor-line) ahref$='/v':not(.icon) span {
display: inline-block; width: 0; text-indent: -9999px }
.line:not(.cursor-line) ahref$='/o':not(.icon)::after,
.line:not(.cursor-line) ahref$='/v':not(.icon)::after {
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 }
.line:not(.cursor-line) ahref$='/o':not(.icon)::after { content: '\f0c8'; color: #08BDBD }
.line:not(.cursor-line) ahref$='/v':not(.icon)::after { content: '\f14a'; color: #2489C5 }
タイポグラフィ関連
code:style.css
@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap');
body, .project-home, .title, .editor {
font-family: 'Archivo', '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;
}
その他カラーテーマの上書き
code:style.css
body {
background-color: #11141a;
}
.page, .grid li.page-list-item a {
background-color: #f5f5f5;
}