Add syntax highlighting
This commit is contained in:
@@ -1270,10 +1270,13 @@ body {
|
||||
}
|
||||
|
||||
.message__content pre {
|
||||
background: color-mix(in srgb, var(--color-gray1, #1a1a2e) 100%, white 5%);
|
||||
border: 2px solid var(--color-border-light);
|
||||
border-radius: var(--radius, 6px);
|
||||
padding: 0.75em 1em;
|
||||
padding: 0.25em 0.25em;
|
||||
margin-block: 0.75em;
|
||||
overflow-x: auto;
|
||||
background: white;
|
||||
color: var(--color-text);
|
||||
}
|
||||
|
||||
.message__content code {
|
||||
@@ -1383,3 +1386,103 @@ body {
|
||||
.message__content h3 {
|
||||
font-size: 1.05em;
|
||||
}
|
||||
|
||||
/* ==================== */
|
||||
/* Syntax Highlighting */
|
||||
/* ==================== */
|
||||
|
||||
/* Base16 Tomorrow colors:
|
||||
base00 #ffffff base01 #e0e0e0 base02 #c5c8c6 base03 #b4b7b4
|
||||
base04 #969896 base05 #373b41 base06 #282a2e base07 #1d1f21
|
||||
base08 #c82829 base09 #f5871f base0A #eab700 base0B #718c00
|
||||
base0C #3e999f base0D #4271ae base0E #8959a8 base0F #a3685a
|
||||
*/
|
||||
|
||||
.message__content .hljs-comment,
|
||||
.message__content .hljs-quote {
|
||||
color: var(--color-gray4, #969896);
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.message__content .hljs-keyword,
|
||||
.message__content .hljs-selector-tag,
|
||||
.message__content .hljs-doctag,
|
||||
.message__content .hljs-section,
|
||||
.message__content .hljs-template-tag {
|
||||
color: var(--color-purple, #8959a8);
|
||||
}
|
||||
|
||||
.message__content .hljs-built_in,
|
||||
.message__content .hljs-literal,
|
||||
.message__content .hljs-number,
|
||||
.message__content .hljs-regexp,
|
||||
.message__content .hljs-link {
|
||||
color: var(--color-cyan, #3e999f);
|
||||
}
|
||||
|
||||
.message__content .hljs-string,
|
||||
.message__content .hljs-subst {
|
||||
color: var(--color-green, #718c00);
|
||||
}
|
||||
|
||||
.message__content .hljs-title,
|
||||
.message__content .hljs-title.function_,
|
||||
.message__content .hljs-meta .hljs-keyword,
|
||||
.message__content .hljs-tag,
|
||||
.message__content .hljs-name {
|
||||
color: var(--color-blue, #4271ae);
|
||||
}
|
||||
|
||||
.message__content .hljs-type,
|
||||
.message__content .hljs-symbol,
|
||||
.message__content .hljs-char.escape_,
|
||||
.message__content .hljs-bullet,
|
||||
.message__content .hljs-selector-id,
|
||||
.message__content .hljs-selector-class,
|
||||
.message__content .hljs-selector-attr,
|
||||
.message__content .hljs-selector-pseudo {
|
||||
color: var(--color-yellow, #eab700);
|
||||
}
|
||||
|
||||
.message__content .hljs-variable,
|
||||
.message__content .hljs-template-variable {
|
||||
color: var(--color-red, #c82829);
|
||||
}
|
||||
|
||||
.message__content .hljs-variable.language_,
|
||||
.message__content .hljs-variable.constant_ {
|
||||
color: var(--color-orange, #f5871f);
|
||||
}
|
||||
|
||||
.message__content .hljs-attr,
|
||||
.message__content .hljs-attribute,
|
||||
.message__content .hljs-property,
|
||||
.message__content .hljs-attr-name,
|
||||
.message__content .hljs-params {
|
||||
color: var(--color-cyan, #3e999f);
|
||||
}
|
||||
|
||||
.message__content .hljs-meta {
|
||||
color: var(--color-blue, #4271ae);
|
||||
}
|
||||
|
||||
.message__content .hljs-operator,
|
||||
.message__content .hljs-punctuation {
|
||||
color: var(--color-gray4, #969896);
|
||||
}
|
||||
|
||||
.message__content .hljs-addition {
|
||||
color: var(--color-green, #718c00);
|
||||
}
|
||||
|
||||
.message__content .hljs-deletion {
|
||||
color: var(--color-red, #c82829);
|
||||
}
|
||||
|
||||
.message__content .hljs-emphasis {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.message__content .hljs-strong {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user