feat(theme): highlight updates for html, tsx, ts, jsx, js, …

…`vue`, and `markdown`
PunGrumpy · Mar 19, 2024 · 58f4b1e · 58f4b1e
1 parent ad3b169
commit 58f4b1e
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 2 deletions.
diff --git 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
@@ -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" },