/sivira-plasma/settings - Scrapbox Reader

generated at 2/17/2025, 11:08:08 PM
Settings

Body
style.cssbody {
  background-color: #eee;
}
.stream h1 {
  background-color: #eee;
}

Navbar
ref. /scrasobox/ヘッダーメニューをカスタマイズ
style.css.navbar-default {
  background-color: #223a70;
  padding: 2px 0 4px;
}

Button
style.css.new-button {
  background-color: #0f2350;
}
.new-button:hover {
  background-color: #0f2350;
  filter: brightness(90%);
}

Pin
style.css.grid li.page-list-item a .pin {
  background: linear-gradient(45deg, #ccc, #ccc 50%, #eee 50%, #eee);
}

Quote
style.css.line .quote {
  padding-left: 16px;
  color: #999;
  background-color: #fff;
  border-left: solid 4px #ccc; 
}

Relation Label
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
style.cssa[type="hashTag"] {   
  padding: 0.2em 0.4em;
  font-size: 0.8em;
  color: #fff !important;
  background-color: #000080;
  border-radius: 0.2em;
} 

List
style.css.line .indent-mark .dot {
  top: 12px;
  width: 6px;
  height: 4px;
  background-color: #ccc;
  border-radius: 0;
}

Table
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
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
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;
}