fix jsx syntax highlighting

lucacasonato · lucacasonato · commit 914a1622dfcd · 2021-10-25T14:33:34.000+02:00
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);
-  }
 }
 

Original file line number	Diff line number	Diff line change
`@@ -30,10 +30,16 @@`
`30`	`30`	`color: var(--color-prettylights-syntax-keyword);`
`31`	`31`	`}`
`32`	`32`
	`33`	`+ &.tag .token.class-name,`
	`34`	`+ &.tag .token.script .token.punctuation {`
	`35`	`+ color: var(--color-prettylights-syntax-storage-modifier-import);`
	`36`	`+ }`
	`37`	`+`
`33`	`38`	`&.operator,`
`34`	`39`	`&.number,`
`35`	`40`	`&.boolean,`
`36`	`41`	`&.tag .token.punctuation,`
	`42`	`+ &.tag .token.script .token.script-punctuation,`
`37`	`43`	`&.tag .token.attr-name {`
`38`	`44`	`color: var(--color-prettylights-syntax-constant);`
`39`	`45`	`}`
`@@ -65,9 +71,5 @@`
`65`	`71`	`&.tag .token.tag {`
`66`	`72`	`color: var(--color-prettylights-syntax-entity-tag);`
`67`	`73`	`}`
`68`		`-`
`69`		`- &.tag .token.class-name {`
`70`		`- color: var(--color-prettylights-syntax-storage-modifier-import);`
`71`		`- }`
`72`	`74`	`}`
`73`	`75`