the editor looked stiff and techy with the monotype, so changed it to a generic sans-serif just to make it friendler ha, hopefully nothing breaks...
183 lines
2.6 KiB
CSS
183 lines
2.6 KiB
CSS
code[class*="language-"],
|
|
pre[class*="language-"] {
|
|
color: var(--editor-primary);
|
|
background: none;
|
|
font-family: var(--base-type);
|
|
text-align: left;
|
|
white-space: pre;
|
|
word-spacing: normal;
|
|
word-break: normal;
|
|
word-wrap: normal;
|
|
tab-size: 4;
|
|
hyphens: none;
|
|
}
|
|
|
|
pre[class*="language-"] {
|
|
margin: 0.1em 0;
|
|
overflow: auto;
|
|
border-radius: 0.3em;
|
|
}
|
|
|
|
:not(pre) > code[class*="language-"],
|
|
pre[class*="language-"] {
|
|
background: var(--primary);
|
|
}
|
|
|
|
:not(pre) {
|
|
& > code[class*="language-"] {
|
|
padding: 0.1em;
|
|
border-radius: 0.3em;
|
|
white-space: normal;
|
|
}
|
|
}
|
|
|
|
.token.comment,
|
|
.token.prolog,
|
|
.token.doctype,
|
|
.token.cdata {
|
|
color: #8292a2;
|
|
}
|
|
|
|
.token.punctuation {
|
|
color: var(--editor-secondary);
|
|
}
|
|
|
|
.token.namespace {
|
|
opacity: 0.6;
|
|
}
|
|
|
|
.token.keyword {
|
|
color: #66d9ef;
|
|
}
|
|
|
|
.token.italic {
|
|
font-style: italic;
|
|
}
|
|
|
|
.token.entity {
|
|
cursor: help;
|
|
}
|
|
|
|
.token.content {
|
|
color: var(--editor-tertiary);
|
|
}
|
|
|
|
.token.property,
|
|
.token.tag,
|
|
.token.constant,
|
|
.token.symbol,
|
|
.token.deleted {
|
|
color: var(--editor-tag);
|
|
}
|
|
|
|
.token.boolean,
|
|
.token.number {
|
|
color: #ae81ff;
|
|
}
|
|
|
|
.token.selector,
|
|
.token.attr-name,
|
|
.token.string,
|
|
.token.char,
|
|
.token.builtin,
|
|
.token.inserted {
|
|
color: #a6e22e;
|
|
}
|
|
|
|
.token.operator,
|
|
.token.entity,
|
|
.token.url,
|
|
.language-css .token.string,
|
|
.style .token.string,
|
|
.token.variable {
|
|
color: var(--editor-string);
|
|
}
|
|
|
|
.token.atrule,
|
|
.token.attr-value,
|
|
.token.function,
|
|
.token.class-name {
|
|
color: #e6db74;
|
|
}
|
|
|
|
.token.regex,
|
|
.token.important {
|
|
color: var(--editor-secondary);
|
|
}
|
|
|
|
.token.important,
|
|
.token.bold {
|
|
font-weight: normal;
|
|
}
|
|
|
|
.hljs-comment {
|
|
color: #697070;
|
|
}
|
|
.hljs-tag,
|
|
.hljs-punctuation {
|
|
color: #444a;
|
|
}
|
|
.hljs-tag .hljs-name,
|
|
.hljs-tag .hljs-attr {
|
|
color: #444;
|
|
}
|
|
.hljs-keyword,
|
|
.hljs-attribute,
|
|
.hljs-selector-tag,
|
|
.hljs-meta .hljs-keyword,
|
|
.hljs-doctag,
|
|
.hljs-name {
|
|
font-weight: bold;
|
|
}
|
|
/* User color: hue: 0 */
|
|
.hljs-type,
|
|
.hljs-string,
|
|
.hljs-number,
|
|
.hljs-selector-id,
|
|
.hljs-selector-class,
|
|
.hljs-quote,
|
|
.hljs-template-tag,
|
|
.hljs-deletion {
|
|
color: #d49e4f;
|
|
}
|
|
.hljs-title,
|
|
.hljs-section {
|
|
color: #dc37e0;
|
|
font-weight: bold;
|
|
}
|
|
.hljs-regexp,
|
|
.hljs-symbol,
|
|
.hljs-variable,
|
|
.hljs-template-variable,
|
|
.hljs-link,
|
|
.hljs-selector-attr,
|
|
.hljs-operator,
|
|
.hljs-selector-pseudo {
|
|
color: #ab5656;
|
|
}
|
|
/* Language color: hue: 90; */
|
|
.hljs-literal {
|
|
color: #695;
|
|
}
|
|
.hljs-built_in,
|
|
.hljs-bullet,
|
|
.hljs-code,
|
|
.hljs-addition {
|
|
color: #5bc1c5;
|
|
}
|
|
/* Meta color: hue: 200 */
|
|
.hljs-meta {
|
|
color: #1f7199;
|
|
}
|
|
.hljs-meta .hljs-string {
|
|
color: #38a;
|
|
}
|
|
/* Misc effects */
|
|
.hljs-emphasis {
|
|
font-style: italic;
|
|
color: #c3bc50;
|
|
}
|
|
.hljs-strong {
|
|
font-weight: bold;
|
|
color: #ecf;
|
|
}
|