Scrapbox用Shades Of Purple Theme
Scrapbox用に少し改変してある
style.css/**
* Shades of Purple Theme — for Highlightjs.
*
* @author (c) Ahmad Awais <https://twitter.com/mrahmadawais/>
* @link GitHub Repo → https://github.com/ahmadawais/Shades-of-Purple-HighlightJS
* @version 1.5.0
*/
.code-block {
--code-bg: #2d2b57;
--code-color: #e3dfff;
font-weight: normal;
}
code.highlight .hljs-subst {
color: #e3dfff;
}
code.highlight .hljs-title {
color: #fad000;
font-weight: normal;
}
code.highlight .hljs-name {
color: #a1feff;
}
code.highlight .hljs-tag {
color: #ffffff;
}
code.highlight .hljs-attr {
color: #f8d000;
font-style: italic;
}
code.highlight :is(
.hljs-built_in,
.hljs-selector-tag,
.hljs-section
) {
color: #fb9e00;
}
code.highlight :is(
.hljs-built_in,
code.highlight .hljs-keyword {
color: #fb9e00;
}
code.highlight :is(
.hljs-string,
.hljs-attribute,
.hljs-symbol,
.hljs-bullet,
.hljs-addition,
.hljs-code,
.hljs-regexp,
.hljs-selector-class,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-template-tag,
.hljs-quote,
.hljs-deletion
) {
color: #4cd213;
}
code.highlight :is(
.hljs-meta,
.hljs-meta .hljs-string
) {
color: #fb9e00;
}
code.highlight .hljs-comment {
color: #ac65ff;
}
code.highlight :is(
.hljs-keyword,
.hljs-selector-tag,
.hljs-literal,
.hljs-name
) {
font-weight: normal;
}
code.highlight :is(
.hljs-literal,
.hljs-number
) {
color: #fa658d;
}
code.highlight .hljs-emphasis {
font-style: italic;
}
code.highlight .hljs-strong {
font-weight: bold;
}