From b12982421f1891008baafa7853cecc108e2f5f2d Mon Sep 17 00:00:00 2001
From: winston <hey@winston.sh>
Date: Mon, 1 Jan 2024 20:05:48 +0100
Subject: [PATCH] feat(markup): use pink for Components (#250)

---
 src/theme/tokens/html.ts       | 9 +++++++--
 src/theme/tokens/javascript.ts | 7 -------
 2 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/src/theme/tokens/html.ts b/src/theme/tokens/html.ts
index 658d179a..2bac6f3c 100644
--- a/src/theme/tokens/html.ts
+++ b/src/theme/tokens/html.ts
@@ -50,9 +50,14 @@ const tokens = (context: ThemeContext): TextmateColors => {
     },
     {
       name: "Components",
-      scope: ["meta.tag support.class.component"],
+      scope: [
+        "support.class.component",
+        "support.class.component.jsx",
+        "support.class.component.tsx",
+        "support.class.component.vue",
+      ],
       settings: {
-        foreground: palette.blue,
+        foreground: palette.pink,
         fontStyle: "",
       },
     },
diff --git a/src/theme/tokens/javascript.ts b/src/theme/tokens/javascript.ts
index 529ce7d2..c7d2ad36 100644
--- a/src/theme/tokens/javascript.ts
+++ b/src/theme/tokens/javascript.ts
@@ -111,13 +111,6 @@ const tokens = (context: ThemeContext): TextmateColors => {
         foreground: palette.mauve,
       },
     },
-    {
-      name: "Vue components",
-      scope: ["support.class.component.vue"],
-      settings: {
-        foreground: palette.blue,
-      },
-    },
   ];
 };