How to override specific highlights in .ts/tsx/js/jsx files

[gengdz]

I want to change the color of the variable to c.yellow and change the color of the parameter to c.fg

It works in lua files, but it doesn't work in ts/tsx/js/jsx files, Please give me some help

here is my configuration：

{
    "folke/tokyonight.nvim",
    priority = 1000,
    opts = {
      styles = {
        -- variables = {
        --   fg = "#E5C07B",
        -- },
      },
      on_highlights = function(hl, c)
        hl["@variable"] = { fg = c.yellow }
        hl["@variable.parameter"] = { fg = c.fg }
      end,
    },
  }

in lua file:

in ts file:

[gengdz]

I think I found the answer. I just don't know if it's the right way

      on_highlights = function(hl, c)
        hl["@variable"] = { fg = c.yellow }
        hl["@variable.parameter"] = { fg = c.fg }
        hl["@lsp.type.variable"] = { fg = c.yellow }
      end,