From 58f4b1e2a9002d058352a7a8ee91eef219110194 Mon Sep 17 00:00:00 2001
From: PunGrumpy <108584943+PunGrumpy@users.noreply.github.com>
Date: Tue, 19 Mar 2024 14:02:58 +0700
Subject: [PATCH] feat(theme): highlight updates for `html`, `tsx`, `ts`,
 `jsx`, `js`, `vue`, and `markdown`

---
 lua/dullahan/colors.lua |  1 +
 lua/dullahan/theme.lua  | 22 ++++++++++++++++++++--
 2 files changed, 21 insertions(+), 2 deletions(-)

diff --git a/lua/dullahan/colors.lua b/lua/dullahan/colors.lua
index 474cb41e..3777f7c3 100644
--- a/lua/dullahan/colors.lua
+++ b/lua/dullahan/colors.lua
@@ -181,6 +181,7 @@ function M.setup(opts)
   colors.warning = colors.yellow500
   colors.info = colors.blue500
   colors.hint = colors.cyan500
+  colors.todo = colors.violet500
 
   config.options.on_colors(colors)
   if opts.transform and config.is_white() then
diff --git a/lua/dullahan/theme.lua b/lua/dullahan/theme.lua
index 1a086779..68c27ed2 100644
--- a/lua/dullahan/theme.lua
+++ b/lua/dullahan/theme.lua
@@ -313,9 +313,27 @@ function M.setup()
     ["@module"] = { link = "Include" },
 
     -- tsx
-    ["@tag.tsx"] = { fg = c.green500 },
     ["@constructor.tsx"] = { fg = c.blue500 },
     ["@tag.delimiter.tsx"] = { fg = c.orange500 },
+    ["@tag.tsx"] = { fg = c.yellow500 },
+    ["@keyword.return.tsx"] = { fg = c.green500, style = "italic" },
+    ["@keyword.tsx"] = { fg = c.green500, style = "italic" },
+
+    -- typescript
+    ["@variable.typescript"] = { fg = c.yellow500 },
+
+    -- Vue
+    ["@tag.delimiter.vue"] = { fg = c.orange500 },
+
+    -- html
+    ["@tag.delimiter.html"] = { fg = c.orange500 },
+
+    -- javascriptreact
+    ["@keyword.javascript"] = { fg = c.green500, style = "italic" },
+    ["@keyword.return.javascript"] = { fg = c.green500, style = "italic" },
+    ["@tag.delimiter.javascript"] = { fg = c.orange500 },
+    ["@tag.javascript"] = { fg = c.yellow500 },
+    ["@variable.javascript"] = { fg = c.yellow500 },
 
     -- LSP Semantic Token Groups
     ["@lsp.type.boolean"] = { link = "@boolean" },
@@ -609,7 +627,7 @@ function M.setup()
     LeapBackdrop = { fg = c.base01 },
 
     FlashBackdrop = { fg = c.base01 },
-    FlashLabel = { bg = c.magenta500, bold = true, fg = c.fg },
+    FlashLabel = { bg = c.magenta500, bold = true, fg = c.bg },
 
     LightspeedGreyWash = { fg = c.base01 },
     -- LightspeedCursor = { link = "Cursor" },