settings
ページの影を消す
code:style.css
body {
--card-box-shadow:none;
--card-box-hover-shadow:none;
}
.page{
box-shadow: none;
}
協調にマーカーを引く
code:style.css
.level-1{
background: linear-gradient(transparent 60%, #a0b6ca 60%); }
ピンしたページを抑えめに表示
code:style.css
.page-list > .grid li.pin {
height: 32px;
width: 100%;
margin-bottom: 5px;
}
.page-list > .grid li.page-list-item.pin a {
background-color: var(--card-bg);
border-radius: 7px;
margin: none;
box-shadow: none;
}
.page-list > .grid li.page-list-item a .header.pinned {
border-top: none;
padding: 6px 5px;
}
.page-list > .grid li.page-list-item.pin a .title {
font-size: 12px;
color: var(--card-title-color);
max-height: 20px;
text-align: center;
}
.page-list > .grid li.page-list-item.pin a .content :is(.description, .icon) {
display: none;
}
.page-list > .grid li.page-list-item a .pin {
background: none;
}
ピンしたページを独立した段に表示
code:style.css
.page-list-item.pin + .page-list-item:not(.pin) {
grid-column-start: 1;
}