Settings
https://gyazo.com/12ee85889cde6dc67d4ec58c38d0f95b
Body
code:style.css
body {
background-color: #eee;
}
.stream h1 {
background-color: #eee;
}
Navbar
ref. /scrasobox/ヘッダーメニューをカスタマイズ
code:style.css
.navbar-default {
background-color: #223a70;
padding: 2px 0 4px;
}
Button
code:style.css
.new-button {
background-color: #0f2350;
}
.new-button:hover {
background-color: #0f2350;
filter: brightness(90%);
}
Pin
code:style.css
.grid li.page-list-item a .pin {
background: linear-gradient(45deg, #ccc, #ccc 50%, #eee 50%, #eee);
}
Quote
code:style.css
.line .quote {
padding-left: 16px;
color: #999;
background-color: #fff;
border-left: solid 4px #ccc;
}
Relation Label
code:style.css
.related-page-list li.relation-label a {
background-color: #999;
}
.related-page-list li.relation-label .arrow {
border-left-color: #999;
}
.related-page-list li.relation-label.links a {
background-color: #223a70;
}
.related-page-list li.relation-label.links .arrow {
border-left-color: #223a70;
}
.related-page-list li.relation-label.empty-links a {
background-color: #007bbb;
}
.related-page-list li.relation-label.empty-links .arrow {
border-left-color: #007bbb;
}
Hashtag
code:style.css
atype="hashTag" {
padding: 0.2em 0.4em;
font-size: 0.8em;
color: #fff !important;
background-color: #000080;
border-radius: 0.2em;
}
List
code:style.css
.line .indent-mark .dot {
top: 12px;
width: 6px;
height: 4px;
background-color: #ccc;
border-radius: 0;
}
Table
code:style.css
.table-block .table-block-start {
padding: 2px 4px;
background-color: #000080;
}
.table-block .table-block-start a {
color: #fff;
}
.table-block .table-block-start code {
color: #fff;
}
Code
code:style.css
.line code.code {
padding: 4px 0;
font-size: 0.8em;
}
.line span.code-block .code-block-start {
padding: 2px 4px;
background-color: #000080;
}
.line span.code-block .code-block-start a {
color: #fff;
}
.line span.code-block .code-block-start code {
color: #fff;
}
.line span.code-block .code-block-start span {
color: #fff;
}
.stream .line code.code {
padding: 4px;
}
.stream span.code-block .code-block-start code {
background-color: #000080;
}
highlight.js
ref. Hybrid
code:style.css
/*
vim-hybrid theme by w0ng (https://github.com/w0ng/vim-hybrid)
*/
/*background color*/
.hljs {
display: block;
overflow-x: auto;
padding: 0.5em;
background: #1d1f21;
}
/*selection color*/
.hljs::selection,
.hljs span::selection {
background: #373b41;
}
.hljs::-moz-selection,
.hljs span::-moz-selection {
background: #373b41;
}
/*foreground color*/
.hljs {
color: #c5c8c6;
}
/*color: fg_yellow*/
.hljs-title,
.hljs-name {
color: #f0c674;
}
/*color: fg_comment*/
.hljs-comment,
.hljs-meta,
.hljs-meta .hljs-keyword {
color: #707880;
}
/*color: fg_red*/
.hljs-number,
.hljs-symbol,
.hljs-literal,
.hljs-deletion,
.hljs-link {
color: #cc6666
}
/*color: fg_green*/
.hljs-string,
.hljs-doctag,
.hljs-addition,
.hljs-regexp,
.hljs-selector-attr,
.hljs-selector-pseudo {
color: #b5bd68;
}
/*color: fg_purple*/
.hljs-attribute,
.hljs-code,
.hljs-selector-id {
color: #b294bb;
}
/*color: fg_blue*/
.hljs-keyword,
.hljs-selector-tag,
.hljs-bullet,
.hljs-tag {
color: #81a2be;
}
/*color: fg_aqua*/
.hljs-subst,
.hljs-variable,
.hljs-template-tag,
.hljs-template-variable {
color: #8abeb7;
}
/*color: fg_orange*/
.hljs-type,
.hljs-built_in,
.hljs-builtin-name,
.hljs-quote,
.hljs-section,
.hljs-selector-class {
color: #de935f;
}
.hljs-emphasis {
font-style: italic;
}
.hljs-strong {
font-weight: bold;
}