Cursorline barely visible in transparent mode

[mksonkar]

I tried the following fix in #448 by adding custom_highlights rule, but it didn't make any noticeable difference.

require("catppuccin").setup({
  transparent_background = true,
  custom_highlights = function(colors)
    local u = require("catppuccin.utils.colors")
    return {
      CursorLine = {
        bg = u.vary_color(
          { latte = u.lighten(colors.mantle, 0.70, colors.base) },
          u.darken(colors.surface0, 0.64, colors.base)
        ),
      },
    }
  end,
})

Originally posted by @mrtnvgr in #448 (comment)

How can I make the cursorline more visible?

[moonlitgrace]

hi @raknos13
you can tweak those values, here's mine:

return {
  "catppuccin/nvim",
  lazy = true,
  name = "catppuccin",
  opts = {},
  config = function()
    require("catppuccin").setup({
      term_colors = true,
      transparent_background = true,

      custom_highlights = function(colors)
        local u = require("catppuccin.utils.colors")
        return {
          CursorLineNr = { bg = u.blend(colors.overlay0, colors.base, 0.75), style = { "bold" } },
          CursorLine = { bg = u.blend(colors.overlay0, colors.base, 0.45) },
          LspReferenceText = { bg = colors.surface2 },
          LspReferenceWrite = { bg = colors.surface2 },
          LspReferenceRead = { bg = colors.surface2 },
        }
      end,
    })
  end,
}

and this is how it looks:

hope this helps!

[mksonkar]

Thanks!