Better plugin to highlight colors

Author: arntanguy

lua/custom/plugins/nvim-cmp.lua

@@ -23,7 +23,7 @@ return { -- Autocompletion
     'hrsh7th/cmp-nvim-lsp',
     'hrsh7th/cmp-path',
     'Exafunction/codeium.vim',
-    "roobert/tailwindcss-colorizer-cmp.nvim",
+    'brenoprata10/nvim-highlight-colors',
 
     -- If you want to add a bunch of pre-configured snippets,
     --    you can use this plugin to help you. It even has snippets
@@ -36,14 +36,15 @@ return { -- Autocompletion
     local cmp = require 'cmp'
     local luasnip = require 'luasnip'
     luasnip.config.setup {}
-    local tailwindcss_colors = require('tailwindcss-colorizer-cmp')
+    local nvim_highlight_colors = require("nvim-highlight-colors")
 
     -- Controls how the completion items appear
     -- Prefix items by type
     -- Display tailwindcss colors as a square
     local cmp_formatter = function(entry, vim_item)
         -- vim_item as processed by tailwindcss-colorizer-cmp
-        vim_item = tailwindcss_colors.formatter(entry, vim_item)
+        vim_item = nvim_highlight_colors.format(entry, vim_item)
+
         -- change menu (name of source)
         vim_item.menu = ({
             nvim_lsp = "[LSP]",

lua/custom/plugins/nvim-colorizer.lua

@@ -0,0 +1,60 @@
+return {
+  'brenoprata10/nvim-highlight-colors',
+  lazy = true,
+  config = function()
+    require("nvim-highlight-colors").setup {
+      ---Render style
+      ---@usage 'background'|'foreground'|'virtual'
+      render = 'virtual',
+
+      ---Set virtual symbol (requires render to be set to 'virtual')
+      virtual_symbol = '■',
+
+      ---Set virtual symbol suffix (defaults to '')
+      virtual_symbol_prefix = '',
+
+      ---Set virtual symbol suffix (defaults to ' ')
+      virtual_symbol_suffix = ' ',
+
+      ---Set virtual symbol position()
+      ---@usage 'inline'|'eol'|'eow'
+      ---inline mimics VS Code style
+      ---eol stands for `end of column` - Recommended to set `virtual_symbol_suffix = ''` when used.
+      ---eow stands for `end of word` - Recommended to set `virtual_symbol_prefix = ' ' and virtual_symbol_suffix = ''` when used.
+      virtual_symbol_position = 'inline',
+
+      ---Highlight hex colors, e.g. '#FFFFFF'
+      enable_hex = true,
+
+      ---Highlight short hex colors e.g. '#fff'
+      enable_short_hex = true,
+
+      ---Highlight rgb colors, e.g. 'rgb(0 0 0)'
+      enable_rgb = true,
+
+      ---Highlight hsl colors, e.g. 'hsl(150deg 30% 40%)'
+      enable_hsl = true,
+
+      ---Highlight CSS variables, e.g. 'var(--testing-color)'
+      enable_var_usage = true,
+
+      ---Highlight named colors, e.g. 'green'
+      enable_named_colors = true,
+
+      ---Highlight tailwind colors, e.g. 'bg-blue-500'
+      enable_tailwind = false,
+
+      ---Set custom colors
+      ---Label must be properly escaped with '%' to adhere to `string.gmatch`
+      --- :help string.gmatch
+      custom_colors = {
+        { label = '%-%-theme%-primary%-color', color = '#0f1219' },
+        { label = '%-%-theme%-secondary%-color', color = '#5a5d64' },
+      },
+
+      -- Exclude filetypes or buftypes from highlighting e.g. 'exclude_buftypes = {'text'}'
+      exclude_filetypes = {},
+      exclude_buftypes = {}
+    }
+  end
+}

lua/custom/plugins/nvim-highlight-colors.lua

@@ -5,7 +5,6 @@ return { -- LSP Configuration & Plugins
     'williamboman/mason.nvim',
     'williamboman/mason-lspconfig.nvim',
     'WhoIsSethDaniel/mason-tool-installer.nvim',
-    'themaxmarchuk/tailwindcss-colors.nvim',
 
     -- Useful status updates for LSP.
     -- NOTE: `opts = {}` is the same as calling `require('fidget').setup({})`
@@ -151,12 +150,6 @@ return { -- LSP Configuration & Plugins
       tsserver = {},
       --
 
-      tailwindcss = {
-        on_attach = function(client, bufnr)
-          require("tailwindcss-colors").buf_attach(bufnr)
-        end
-      },
-
       lua_ls = {
         -- cmd = {...},
         -- filetypes { ...},