UserCSS:コードブロック
コードブロック(code block)
code blockのフォントを小さくする設定
code:style.css
.line span.code-block {
line-height: 1.2em;
font-size: 88%;
}
cod eblockの頭を静かな色にする
code:style.css
.line span.code-block .code-block-start {
background-color: #eee;
}
.line span.code-block .code-block-start a {
color: #555;
}
highlight.js
progfay
/progfay-pub/Dracula_Code_CSS
code:style.css
.line span.code-block {
background-color: #282a36;
}
.line code > span > span {
color: #f8f8f2;
}
.hljs {
display: block;
overflow-x: auto;
padding: 0.5em;
}
.hljs-built_in,
.hljs-selector-tag,
.hljs-section,
.hljs-link {
color: #8be9fd;
}
.hljs-keyword {
color: #ff79c6;
}
.hljs,
.hljs-subst {
color: #f8f8f2;
}
.hljs-title {
color: #50fa7b;
}
.hljs-string,
.hljs-meta,
.hljs-name,
.hljs-type,
.hljs-attr,
.hljs-symbol,
.hljs-bullet,
.hljs-addition,
.hljs-variable,
.hljs-template-tag,
.hljs-template-variable {
color: #f1fa8c;
}
.hljs-comment,
.hljs-quote,
.hljs-deletion {
color: #6272a4;
}
.hljs-keyword,
.hljs-selector-tag,
.hljs-literal,
.hljs-title,
.hljs-section,
.hljs-doctag,
.hljs-type,
.hljs-name,
.hljs-strong {
font-weight: bold;
}
.hljs-literal,
.hljs-number {
color: #bd93f9;
}
.hljs-emphasis {
font-style: italic;
}
code:style.css
.hljs-selector-id, .hljs-selector-class {
color: #50fa7b;
}
.hljs-params, .hljs-built_in {
color: #50fa7b;
}
.hljs-regexp {
color: #f1fa8c;
}
UserCSS.icon
https://img.shields.io/badge/UserCSS-コードブロック-1572B6.svg?logo=css3&style=for-the-badge