fix jsx syntax highlighting

denoland · Oct 25, 2021 · 914a162 · 914a162
1 parent 0ca3f76
commit 914a162
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 5 deletions.
diff --git a/mod.ts b/mod.ts
@@ -87,6 +87,12 @@ export function render(markdown: string, opts: RenderOptions = {}): string {
         "class-name",
         "regex",
         "regex-delimiter",
+        "tag",
+        "attr-name",
+        "punctuation",
+        "script-punctuation",
+        "script",
+        "plain-text",
       ],
       a: ["anchor"],
       svg: ["octicon", "octicon-link"],

diff --git a/style.js b/style.js
diff --git a/style/main.scss b/style/main.scss
@@ -30,10 +30,16 @@
     color: var(--color-prettylights-syntax-keyword);
   }
 
+  &.tag .token.class-name,
+  &.tag .token.script .token.punctuation {
+    color: var(--color-prettylights-syntax-storage-modifier-import);
+  }
+
   &.operator,
   &.number,
   &.boolean,
   &.tag .token.punctuation,
+  &.tag .token.script .token.script-punctuation,
   &.tag .token.attr-name {
     color: var(--color-prettylights-syntax-constant);
   }
@@ -65,9 +71,5 @@
   &.tag .token.tag {
     color: var(--color-prettylights-syntax-entity-tag);
   }
-
-  &.tag .token.class-name {
-    color: var(--color-prettylights-syntax-storage-modifier-import);
-  }
 }