Outlined UI for blink.cmp

[PeraltaBoi]

Description

My completion menu seems to be using a default color. The documentation menu is working correctly though.

Neovim version

NVIM v0.10.4
Build type: Release
LuaJIT 2.1.1713773202

Terminal and multiplexer

Ghostty 1.1.2

Catppuccin version / branch / rev

i use nixpkgs unstable, so i don't have a version number, but it's recent

Steps to reproduce

Enable blink_cmp integration

Expected behavior

The completion menu should have the correct background color

Actual behavior

The completion menu has a default background color

Repro

-- DO NOT change the paths and don't remove the colorscheme
local root = vim.fn.fnamemodify("./.repro", ":p")

-- set stdpaths to use .repro
for _, name in ipairs({ "config", "data", "state", "cache" }) do
  vim.env[("XDG_%s_HOME"):format(name:upper())] = root .. "/" .. name
end

-- bootstrap lazy
local lazypath = root .. "/plugins/lazy.nvim"
if not vim.loop.fs_stat(lazypath) then
  vim.fn.system({ "git", "clone", "--filter=blob:none", "https://github.com/folke/lazy.nvim.git", lazypath })
end
vim.opt.runtimepath:prepend(lazypath)

-- install plugins
local plugins = {
  "catppuccin/nvim",
  -- add any other plugins here
}
require("lazy").setup(plugins, {
  root = root .. "/plugins",
})

vim.cmd.colorscheme("catppuccin")
-- add anything else here

[vollowx]

As I can see in your repro file, you didn't enable the blink integration.

[PeraltaBoi]

Sorry, i didn't edit my repro file as i use nix to configure neovim.
I hoped the screenshot would showcase that i do in fact have it enabled.

[vollowx]

WDYM saying correct background color, the bg colors in your screenshot is just the ones set in the integration. If you're expecting the bg color to be base, you can manually set it through highlight overriding, and we use such color for non-bordered UI by default so we're not changing it normally.

[barraIhsan]

I think that he wanted to look like the nvim-cmp's one

If you're expecting the bg color to be base, you can manually set it through highlight overriding

I also try setting it but it doesn't seem to work?

[vollowx]

Refer to the blink.cmp documentation, try setting the BlinkCmpMenu, BlinkCmpMenuBorder, BlinkCmpDoc and BlinkCmpDocBorder.

[barraIhsan]

I might be dumb but I try all of it (just to test) but it doesn't seem to work. I also tried enabling the integration too. But nothing happened and it's the same as the normal one

return {
  "catppuccin/nvim",
  name = "catppuccin",
  priority = 1000,
  config = function()
    vim.cmd("colorscheme catppuccin")
    require("catppuccin").setup({
      integrations = {
        blink_cmp = true,
      },
      custom_highlights = function(colors)
        return {
          BlinkCmpMenu = { bg = colors.base },
          BlinkCmpMenuBorder = { bg = colors.base },
          BlinkCmpDoc = { bg = colors.base },
          BlinkCmpDocBorder = { bg = colors.base },
        }
      end,
    })
  end,
}

[Diego-0110]

I think the problem is the call of vim.cmd (in the documentation the call is after the setup). This is my configuration:

return {
    "catppuccin/nvim",
    name = "catppuccin",
    priority = 1000,
    config = function ()
        require("catppuccin").setup({
            flavour = "frappe",
            integrations = {
                blink_cmp = true,
            },
            custom_highlights = function (colors)
                return {
                    -- Blink
                    BlinkCmpMenu = { bg = colors.base },
                    BlinkCmpMenuBorder = { bg = colors.base, fg = colors.blue },
                    BlinkCmpDoc = { bg = colors.base },
                    BlinkCmpDocBorder = { bg = colors.base, fg = colors.blue },
                }
            end,
        })
        -- setup must be called before loading
        vim.cmd.colorscheme("catppuccin")
    end
}

[vollowx]

setup must be called before loading

Agree 👍

[barraIhsan]

Thanks! It works!