Add syntax highlighting

This commit is contained in:
dwrz
2026-07-10 13:07:05 +00:00
parent e0eed6a935
commit fee291a58f
6 changed files with 4042 additions and 3 deletions

View File

@@ -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;
}