chore(docs): Make editor syntax highlighting more closely match hljs

personalizedrefrigerator · Feb 7, 2025 · 56b86fb · 56b86fb
1 parent ab4f5b1
commit 56b86fb
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/packages/typedoc-extensions/src/browser/browser.scss b/packages/typedoc-extensions/src/browser/browser.scss
@@ -22,8 +22,11 @@ textarea.runnable-code {
 	--cm-string-color: var(--hl-3, brown);
 	--cm-paren-color: var(--hl-1, gray);
 	--cm-varname-color: var(--hl-2, black);
-	--cm-number-color: var(--hl-16, black);
 	--cm-tag-color: var(--hl-9, #500);
+	--cm-number-color: var(--hl-16, black);
+	--cm-integer-color: var(--hl-14, var(--cm-number-color));
+	--cm-typename-color: var(--hl-13, currentColor);
+	--cm-call-function-color: var(--hl-6, currentColor);
 
 	--cm-secondary-background-color: #ddd;
 	--cm-secondary-text-color: #300;

diff --git a/packages/typedoc-extensions/src/browser/editor/addCodeMirrorEditor.ts b/packages/typedoc-extensions/src/browser/editor/addCodeMirrorEditor.ts
@@ -64,8 +64,11 @@ const codeMirrorHighlightStyle = HighlightStyle.define([
 	{ tag: tags.string, color: 'var(--cm-string-color)' },
 	{ tag: tags.paren, color: 'var(--cm-paren-color)' },
 	{ tag: tags.variableName, color: 'var(--cm-varname-color)' },
+	{ tag: tags.typeName, color: 'var(--cm-typename-color)' },
+	{ tag: tags.className, color: 'var(--cm-typename-color)' },
+	{ tag: tags.function(tags.propertyName), color: 'var(--cm-call-function-color)' },
 	{ tag: tags.number, color: 'var(--cm-number-color)' },
-	{ tag: tags.integer, color: 'var(--cm-number-color)' },
+	{ tag: tags.integer, color: 'var(--cm-integer-color)' },
 	{ tag: tags.float, color: 'var(--cm-number-color)' },
 	{ tag: tags.tagName, color: 'var(--cm-tag-color)' },
 ]);