Gato/Pena
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 3 Wiki Activity

fix: inclure le CSS syntect statiquement dans style.css

Browse Source 
L'injection dynamique via invoke() échouait silencieusement.
Le CSS base16-ocean.dark est maintenant scopé (.syntax-highlighting .keyword
etc.) et inclus directement dans style.css — aucun appel runtime requis.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Gato
2026-06-19 15:49:26 +02:00
parent ebb648bb2d
commit 2d9a1e64f9
2 changed files with 37 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/style.css
+37
View File
@@ -455,6 +455,43 @@ body {
.content pre:not(.syntax-highlighting) { background: #f4f4f7; }
.content pre code { background: none; padding: 0; font-weight: 400; font-size: 13px; border: none; border-radius: 0; color: inherit; }
/* ── Coloration syntaxique (base16-ocean.dark) ── */
.syntax-highlighting {
color: #c0c5ce;
background-color: #2b303b;
}
.syntax-highlighting .variable.parameter.function { color: #c0c5ce; }
.syntax-highlighting .comment, .syntax-highlighting .punctuation.definition.comment { color: #65737e; }
.syntax-highlighting .punctuation.definition.string, .syntax-highlighting .punctuation.definition.variable, .syntax-highlighting .punctuation.definition.parameters, .syntax-highlighting .punctuation.definition.array { color: #c0c5ce; }
.syntax-highlighting .keyword.operator { color: #c0c5ce; }
.syntax-highlighting .keyword { color: #b48ead; }
.syntax-highlighting .variable, .syntax-highlighting .variable.other.dollar.only.js { color: #bf616a; }
.syntax-highlighting .entity.name.function, .syntax-highlighting .meta.require, .syntax-highlighting .support.function.any-method, .syntax-highlighting .variable.function { color: #8fa1b3; }
.syntax-highlighting .support.class, .syntax-highlighting .entity.name.class, .syntax-highlighting .entity.name.type.class { color: #ebcb8b; }
.syntax-highlighting .meta.class { color: #eff1f5; }
.syntax-highlighting .keyword.other.special-method { color: #8fa1b3; }
.syntax-highlighting .storage { color: #b48ead; }
.syntax-highlighting .support.function { color: #96b5b4; }
.syntax-highlighting .string, .syntax-highlighting .constant.other.symbol, .syntax-highlighting .entity.other.inherited-class { color: #a3be8c; }
.syntax-highlighting .constant.numeric, .syntax-highlighting .constant { color: #d08770; }
.syntax-highlighting .entity.name.tag { color: #bf616a; }
.syntax-highlighting .entity.other.attribute-name { color: #d08770; }
.syntax-highlighting .entity.other.attribute-name.id, .syntax-highlighting .punctuation.definition.entity { color: #8fa1b3; }
.syntax-highlighting .meta.selector { color: #b48ead; }
.syntax-highlighting .markup.heading .punctuation.definition.heading, .syntax-highlighting .entity.name.section { color: #8fa1b3; }
.syntax-highlighting .keyword.other.unit { color: #d08770; }
.syntax-highlighting .markup.bold, .syntax-highlighting .punctuation.definition.bold { color: #ebcb8b; font-weight: bold; }
.syntax-highlighting .markup.italic, .syntax-highlighting .punctuation.definition.italic { color: #b48ead; font-style: italic; }
.syntax-highlighting .markup.raw.inline { color: #a3be8c; }
.syntax-highlighting .string.other.link { color: #bf616a; }
.syntax-highlighting .meta.separator { color: #c0c5ce; background-color: #4f5b66; }
.syntax-highlighting .markup.inserted, .syntax-highlighting .markup.inserted.git_gutter { color: #a3be8c; }
.syntax-highlighting .markup.deleted, .syntax-highlighting .markup.deleted.git_gutter { color: #bf616a; }
.syntax-highlighting .markup.changed, .syntax-highlighting .markup.changed.git_gutter { color: #b48ead; }
.syntax-highlighting .constant.other.color, .syntax-highlighting .string.regexp, .syntax-highlighting .constant.character.escape { color: #96b5b4; }
.syntax-highlighting .punctuation.section.embedded, .syntax-highlighting .variable.interpolation { color: #ab7967; }
.syntax-highlighting .invalid.illegal { color: #2b303b; background-color: #bf616a; }
.content blockquote {
border-left: 3px solid rgba(34,34,34,0.25);
margin: 24px 0;