add highlighting to vue component's three types of top-level block an…

…d custom tag in dark theme
eenaree · Nov 24, 2023 · ef9f66f · ef9f66f
1 parent 0c0aa12
commit ef9f66f
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 2 deletions.
diff --git a/themes/new_darcula.json b/themes/new_darcula.json
@@ -453,7 +453,15 @@
       }
     },
     {
-      "scope": ["support.class.component"],
+      "scope": [
+        "support.class.component",
+        "entity.name.tag.template.html.vue",
+        "entity.name.tag.script.html.vue",
+        "entity.name.tag.style.html.vue",
+        "source.vue meta.tag.other.unrecognized.html.derivative entity.name.tag",
+        "source.vue meta.tag.custom.start.html entity.name.tag",
+        "source.vue meta.tag.custom.end.html entity.name.tag"
+      ],
       "settings": {
         "foreground": "#2ebaa3"
       }

diff --git a/themes/new_dark.json b/themes/new_dark.json
@@ -455,7 +455,15 @@
       }
     },
     {
-      "scope": ["support.class.component"],
+      "scope": [
+        "support.class.component",
+        "entity.name.tag.template.html.vue",
+        "entity.name.tag.script.html.vue",
+        "entity.name.tag.style.html.vue",
+        "source.vue meta.tag.other.unrecognized.html.derivative entity.name.tag",
+        "source.vue meta.tag.custom.start.html entity.name.tag",
+        "source.vue meta.tag.custom.end.html entity.name.tag"
+      ],
       "settings": {
         "foreground": "#2ebaa3"
       }