Browse Source

feat: code block dark theme

pull/20281/head
ycjcl868 5 years ago
parent
commit
5163b240c2
  1. 67
      site/theme/static/highlight.less

67
site/theme/static/highlight.less

@ -154,3 +154,70 @@ pre[class*='language-'] {
.token.entity {
cursor: help;
}
[data-theme='dark'] {
.token.comment,
.token.quote {
color: #b6b18b;
}
.token.variable,
.token.template-variable,
.token.tag,
.token.number,
.token.name,
.token.selector-id,
.token.selector-class,
.token.regexp,
.token.deletion {
color: #eb3c54;
}
.token.built_in,
.token.builtin-name,
.token.literal,
.token.type,
.token.params,
.token.meta,
.token.link {
color: #e7ce56;
}
.token.attribute {
color: #ee7c2b;
}
.token.string,
.token.symbol,
.token.bullet,
.token.addition {
color: #4fb4d7;
}
.token.title,
.token.section {
color: #78bb65;
}
.token.function,
.token.keyword,
.token.selector-tag {
color: #b45ea4;
}
.hljs {
display: block;
overflow-x: auto;
background: #1c1d21;
color: #c0c5ce;
padding: 0.5em;
}
.token.emphasis {
font-style: italic;
}
.token.strong {
font-weight: bold;
}
}

Loading…
Cancel
Save