117 lines
1.9 KiB
CSS
117 lines
1.9 KiB
CSS
|
/*
|
||
|
|
|
||
|
|
Gruvbox style (light) (c) Pavel Pertsev (original style at https://github.com/morhetz/gruvbox)
|
||
|
|
|
||
|
|
*/
|
||
|
|
/* 伪元素 滚动条 边角修饰 **/
|
||
|
|
pre { border-radius: 5px; }
|
||
|
|
pre code::-webkit-scrollbar { width: 8px; height: 8px; background: rgba(0,0,0,0); } /*滚动槽*/
|
||
|
|
pre code::-webkit-scrollbar-thumb { background: #ddd; border-radius: 4px; } /*滚动轴*/
|
||
|
|
pre code::-webkit-scrollbar-corner { background: rgba(0,0,0,0);} /*交点 */
|
||
|
|
.hljs ul { list-style: decimal-leading-zero ! important; }
|
||
|
|
.hljs ul li::before { position: relative; left: -12px; content:' '; background:#fbf1c7 ! important; margin-right: -10px }
|
||
|
|
|
||
|
|
|
||
|
|
.hljs {
|
||
|
|
display: block;
|
||
|
|
overflow-x: auto;
|
||
|
|
padding: 0.5em;
|
||
|
|
background: #fbf1c7;
|
||
|
|
}
|
||
|
|
|
||
|
|
.hljs,
|
||
|
|
.hljs-subst {
|
||
|
|
color: #3c3836;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Gruvbox Red */
|
||
|
|
.hljs-deletion,
|
||
|
|
.hljs-formula,
|
||
|
|
.hljs-keyword,
|
||
|
|
.hljs-link,
|
||
|
|
.hljs-selector-tag {
|
||
|
|
color: #9d0006;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Gruvbox Blue */
|
||
|
|
.hljs-built_in,
|
||
|
|
.hljs-emphasis,
|
||
|
|
.hljs-name,
|
||
|
|
.hljs-quote,
|
||
|
|
.hljs-strong,
|
||
|
|
.hljs-title,
|
||
|
|
.hljs-variable {
|
||
|
|
color: #076678;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Gruvbox Yellow */
|
||
|
|
.hljs-attr,
|
||
|
|
.hljs-params,
|
||
|
|
.hljs-template-tag,
|
||
|
|
.hljs-type {
|
||
|
|
color: #b57614;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Gruvbox Purple */
|
||
|
|
.hljs-builtin-name,
|
||
|
|
.hljs-doctag,
|
||
|
|
.hljs-literal,
|
||
|
|
.hljs-number {
|
||
|
|
color: #8f3f71;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Gruvbox Orange */
|
||
|
|
.hljs-code,
|
||
|
|
.hljs-meta,
|
||
|
|
.hljs-regexp,
|
||
|
|
.hljs-selector-id,
|
||
|
|
.hljs-template-variable {
|
||
|
|
color: #af3a03;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Gruvbox Green */
|
||
|
|
.hljs-addition,
|
||
|
|
.hljs-meta-string,
|
||
|
|
.hljs-section,
|
||
|
|
.hljs-selector-attr,
|
||
|
|
.hljs-selector-class,
|
||
|
|
.hljs-string,
|
||
|
|
.hljs-symbol {
|
||
|
|
color: #79740e;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Gruvbox Aqua */
|
||
|
|
.hljs-attribute,
|
||
|
|
.hljs-bullet,
|
||
|
|
.hljs-class,
|
||
|
|
.hljs-function,
|
||
|
|
.hljs-function .hljs-keyword,
|
||
|
|
.hljs-meta-keyword,
|
||
|
|
.hljs-selector-pseudo,
|
||
|
|
.hljs-tag {
|
||
|
|
color: #427b58;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Gruvbox Gray */
|
||
|
|
.hljs-comment {
|
||
|
|
color: #928374;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Gruvbox Purple */
|
||
|
|
.hljs-link_label,
|
||
|
|
.hljs-literal,
|
||
|
|
.hljs-number {
|
||
|
|
color: #8f3f71;
|
||
|
|
}
|
||
|
|
|
||
|
|
.hljs-comment,
|
||
|
|
.hljs-emphasis {
|
||
|
|
font-style: italic;
|
||
|
|
}
|
||
|
|
|
||
|
|
.hljs-section,
|
||
|
|
.hljs-strong,
|
||
|
|
.hljs-tag {
|
||
|
|
font-weight: bold;
|
||
|
|
}
|