Improve highlighting for JavaScript braces in template literals (#163)

Improved the highlighting of braces within JavaScript template literals [1] to use `nord4` as foreground color instead of `nord14` like strings. [1]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals Co-authored-by: Arctic Ice Studio <[email protected]> Co-authored-by: Sven Greb <[email protected]> Resolves GH-162
nordtheme · Jun 23, 2020 · 41e2391 · 41e2391
1 parent bd98c86
commit 41e2391
Showing 1 changed file with 25 additions and 0 deletions.
diff --git a/themes/nord-color-theme.json b/themes/nord-color-theme.json
@@ -941,6 +941,19 @@
         "foreground": "#8FBCBB"
       }
     },
+    {
+      "name": "[JavaScript] Parentheses in Template Strings",
+      "scope": [
+        "source.js meta.embedded.line meta.brace.square",
+        "source.js meta.embedded.line meta.brace.round",
+        /* Required for extension `mgmcdermott.vscode-language-babel`. */
+        "source.js string.quoted.template meta.brace.square",
+        "source.js string.quoted.template meta.brace.round",
+      ],
+      "settings": {
+        "foreground": "#ECEFF4"
+      }
+    },
     {
       "name": "[HTML] Constant Character Entity",
       "scope": "text.html.basic constant.character.entity.html",
@@ -1209,6 +1222,18 @@
         "foreground": "#D8DEE9"
       }
     },
+    {
+      "name": "[TypeScript] Parentheses in Template Strings",
+      "scope": [
+        "source.ts meta.embedded.line meta.brace.square",
+        "source.ts meta.embedded.line meta.brace.round",
+        "source.tsx meta.embedded.line meta.brace.square",
+        "source.tsx meta.embedded.line meta.brace.round"
+      ],
+      "settings": {
+        "foreground": "#ECEFF4"
+      }
+    },
     {
       "name": "[XML] Entity Name Tag Namespace",
       "scope": "text.xml entity.name.tag.namespace",