Problem with changing variable color

[coder9194]

Thanks for such beautiful theme! There is only one thing which bothers me is the default white font color on variable syntax. I want to "dim" the white color to make my eye comfortable.

I tried to override the color according to readme as below without luck:

use {
  "loctvl842/monokai-pro.nvim",
  config = function()
    require("monokai-pro").setup({
      override = function(c)
        return {
          Identifier = { fg = "#B4B1AD" }
        }
      end
    })
  end
}

But when I try to override other color (such as Comment), it works.

use {
  "loctvl842/monokai-pro.nvim",
  config = function()
    require("monokai-pro").setup({
      override = function(c)
        return {
          Comment = { fg = "#B4B1AD" }
        }
      end
    })
  end
}

Is it something I did wrong? Or overriding Identifier color is not supported?

[loctvl842]

Can you try out the latest commit? Because It work well to highlight Idnentifier on my config

  {
    "loctvl842/monokai-pro.nvim",
    lazy = false,
    branch = "master",
    priority = 1000,
    keys = { { "<leader>c", "<cmd>MonokaiProSelect<cr>", desc = "Select Moonokai pro filter" } },
    config = function()
      local monokai = require("monokai-pro")
      monokai.setup({
        transparent_background = false,
        devicons = true,
        filter = "pro", -- classic | octagon | pro | machine | ristretto | spectrum
        day_night = {
          enable = false,
          day_filter = "classic",
          night_filter = "octagon",
        },
        inc_search = "background", -- underline | background
        background_clear = { "toggleterm" },
        plugins = {
          bufferline = {
            underline_selected = true,
            underline_visible = true,
            bold = false,
          },
          indent_blankline = {
            context_highlight = "pro", -- default | pro
            context_start_underline = true,
          },
        },
        override = function(c)
          return {
            ColorColumn = { bg = c.base.dimmed3 },
            -- Mine
            DashboardRecent = { fg = c.base.magenta },
            DashboardProject = { fg = c.base.blue },
            DashboardConfiguration = { fg = c.base.white },
            DashboardSession = { fg = c.base.green },
            DashboardLazy = { fg = c.base.cyan },
            DashboardServer = { fg = c.base.yellow },
            DashboardQuit = { fg = c.base.red },
          }
        end,
      })
      monokai.load()
    end,
  },

[coder9194]

Thanks for quick answer. I tried on 42e92960 and Identifier is working.

I can see override applies on scss file successfully (by setting { fg = "#00FF00 }:

So it just Identifier doesn't apply on JavaScript code:

After digging into other files, I find the correct key to achieve my request finally!

override = function(c)
  return {
    ["@variable"] = { fg = c.base.dimmed1 },
  }
end,

[loctvl842]

Thanks. If you have any issue with the plugin, please let me know. I'll try to improve it <3