settings
code:style.css
body {
background-color:#24292F;
font-family: '游ゴシック','Yu Gothic',san-serif;
background-image: URL('https://i.gyazo.com/thumb/1000/75f6a3e782827e60d5b39fbd18b8f208-png.png');
background-position:-100px -50px;
background-repeat: no-repeat;
}
/*変換中の文字色と背景色*/
textarea#text-input:focus {
background: #24292f !important;
color: #d7d7d7 !important;
filter: invert(100%);
}
.page,
.page a,
.page video,
.page iframe,
.code-block-start,
.code-block-start span {
filter: invert(100%);
}
/*各ページの本文が入る領域*/
.page {
box-shadow: none;
background-color: #dad5cf;
border: solid 1px #888;
}
/*各ページの本文の文字色*/
.editor {
color: #282828 !important;
}
/* 入力時の文字色と背景色*/
textarea#text-input:focus {
background: #dad5cf;
}
/*ページ本文でのリンクの色*/
.page a,
.page a.link:hover {
color: #7c9ff7 !important;
}
.line a.empty-page-link {
color: #fd7373 !important;
}
.line a.empty-page-link:hover {
color: #fd7373 !important;
}
a.page-link:hover {
color: #7c9ff7 !important;
}
span.quote a.page-link,
span.quote a.page-link:hover {
color: #88A7F7 !important;
}
/*各ページの下に表示される関連ページ一覧における本文のフォントサイズ*/
div.col-page .grid li.page-list-item a .description {
font-size: 13px !important;
color: #ccc;
}
/*関連ページ および トップページにおける各ページの背景色*/
.grid li.page-list-item a {
background-color: rgba(57, 60, 70, 0.6);
}
/*関連ページ一覧やトップページで各ページにマウスオーバーしたときの背景色変更をしない*/
.grid li.page-list-item a .hover {
background-color: rgba(0, 0, 0, 0) !important;
}
/*関連ページ一覧やトップページでのコード記法の色*/
.page-list-item .description code {
color: #eee;
}
/* スリムなテロメア */
.line .telomere .telomere-border,
.line .telomere .telomere-border.unread {
transition: none;
box-sizing: content-box;
border-color: #252A30;
}
.line .telomere .telomere-border:hover,
.line .telomere .telomere-border.unread:hover {
box-sizing: border-box;
width: auto;
border-color: #252A30;
background-color: transparent;
}
/* 新着以外のテロメアの色と太さ */
.line .telomere .telomere-border {
background-color: #252A30;
width: 2px;
}
/* 新着のテロメアの色と太さ */
.line .telomere .telomere-border.unread {
background-color: #4DC3FA;
width: 5px;
}
/* 行頭のドットを薄く */
.line .indent-mark .dot {
top: 11px;
width: 6px;
height: 3px;
background-color: #c9c9c9;
}