settings
code:style.css
body {
--dark-bg: hsl(222, 5%, 7%);
--bg: hsl(222, 5%, 13%);
--body-bg: var(--dark-bg);
--page-text-color: hsl(222, 24%, 90%);
--page-link-color:#ed64a6;
--page-link-hover-color:#ea96bf;
--empty-page-link-color:#B794F4;
--page-bg: var(--bg);
--tool-bg: var(--bg);
--card-bg: var(--bg);
--card-hover-bg: hsla(0deg, 0%, 0%, 0.1);
--card-description-link-color: var(--page-link-color);
--card-title-bg: transparent;
--card-title-bg-pinned: transparent;
--relation-label-bg: var(--bg);
--relation-label-links-bg: var(--page-link-color);
--relation-label-empty-bg: var(--empty-page-link-color);
--relation-label-empty-text: var(--relation-label-links-text);
--navbar-bg: hsla(0deg, 0%, 0%, 0.3);
}
div#editor {
font-family: Inter, Helvetica, "Hiragino Sans", "Noto Sans CJK JP", sans-serif;
}
.page {
}
.grid li.page-list-item {
filter: drop-shadow(0px 0px 0 var(--page-text-color));
transition: filter .05s;
}
.grid li.page-list-item a {
border-radius: 6px;
}
box-shadow: none;
}
.grid li.page-list-item:hover {
filter: drop-shadow(8px 8px 0 var(--page-text-color));
}
.grid li.page-list-item a .hover {
transition: opacity .05s;
}
font-family: Helvetica, Inter, "Hiragino Sans", "Noto Sans CJK JP", sans-serif;
}
display: inline-block;
background-color: var(--accent);
--page-link-color:var(--bg);
--page-link-hover-color:var(--page-link-color);
font-weight: 700;
padding: 0 12px;
border-radius: 4px;
}
.line strong.level {
font-weight: 700;
}
.line .indent-mark .dot {
right: 10px;
top: 12px;
width: 6px;
height: 2px;
border-radius: 0;
}
.line.line-title {
font-feature-settings: "palt";
}
.page-list ul.grid {
display: flex;
flex-wrap: wrap;
max-width: 100%;
justify-content: space-evenly;
gap: 12px 0;
}
.page-list .grid li {
margin: 0;
}
.section-title > :not(.code-block) {
font-size: 1.2em;
font-weight: 700;
}