diff --git a/themes/new_darcula.json b/themes/new_darcula.json
index 9806426..0c0ca5c 100644
--- 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
index 4fafb77..729bf6b 100644
--- 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"
       }