settings
code:style.css
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+2:wght@600&family=Montserrat:wght@700&family=Outfit:wght@700&display=swap');
html{
--body-bg: #fafafa;
--brand-bg-color: #6bad94;
--brand-text-color: #454545;
--brand-link-color: #6bad94;
--navbar-bg: #454545;
--navbar-icon-color: #fff;
--navbar-icon-active-color: #fff;
--search-form-bg: #666;
--search-form-icon-color: #fff;
--search-form-icon-focus-color: #454545;
--card-title-color: #454545;
--card-title-bg: #666;
--card-bg: #fff;
--card-hover-bg: rgba(0, 0, 0, 0.1);
--card-active-bg: rgba(229, 229, 229, 0.1);
--card-backside: #fff;
--card-description-color: #454545;
--card-description-link-color: #6bad94;
--card-description-code-color: #454545;
--card-box-shadow-color: rgba( 0, 0, 0, 0.06);
--card-box-shadow: 0 2px 0 var(--card-box-shadow-color);
--card-box-hover-shadow: 0 2px 0 rgba(0, 0, 0, 0.23);
--card-title-bg-pinned: #2b2e38;
--relation-label-bg: #6bad94;
--relation-label-text: #fabf14;
--relation-label-links-bg: #6bad94;
--relation-label-links-text: #454545;
--relation-label-empty-bg: #6bad94;
--relation-label-empty-text: #454545;
--page-text-color: #454545;
--page-link-color: var(--brand-link-color);
--page-link-hover-color: var(--brand-link-color);
--page-link-color-cursor-line: #a985e4;
--page-bg: #fafafa;
--line-title-color: #454545;
--line-permalink-color: #b6dbcd;
--new-button-vertical-color: #fff;
--new-button-horizontal-color: #fff;
--new-button-bg: #454545;
--new-button-hover-bg: #454545;
--new-button-active-bg: #6bad49;
--telomere-border: #b6dbcd;
--telomere-unread: #b6dbcd;
}
code:style.css
html,body{
font-family: "Outfit","Zen Kaku Gothic New", sans-serif;
}
.page-list-item.pin + .page-list-item:not(.pin){ clear:both; }
.grid li.page-list-item a .pin { display: none; }
.grid li.page-list-item.pin a { border: 1.5px solid var(--brand-bg-color); }
.grid li.page-list-item.pin a .header { border-top: var(--brand-bg-color) solid 10px; }
.grid li.page-list-item a { border: 1.5px solid #666; }
.page {
border: 1px solid var(--navbar-bg);
box-shadow: none;
border-top-left-radius: 0;
border-top-right-radius:0 ;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.lines {
font-family: "Outfit","M PLUS 2", sans-serif;
font-size:15px;
line-height: 2;
}
.grid li {
font-family: "Outfit","M PLUS 2", sans-serif;
}
/* 文字に色を付ける */
.deco-\! { /* 赤 */
color: #e66;
}