Nvim-web-devicons Theming about nightfox.nvim

[EdenEast]

If you check the help page for nvim-tree you can find the current list of highlight groups. Currently that would be this list.

[karimlevallois]

I meant more of a complete thing like this (https://github.com/kabinspace/AstroVim/blob/main/lua/configs/icons.lua)

[karimlevallois]

`-- colours from https://github.com/EdenEast/nightfox.nvim/blob/main/lua/nightfox/colors/nordfox.lua

local M = {}

function M.config()
local status_ok, icons = pcall(require, "nvim-web-devicons")
if not status_ok then
return
end

local colors = {
c = "#81a1c1", -- blue
css = "#bf616a", -- red
deb = "#93ccdc", -- cyan br
docker = "#8aa872", -- green dm
html = "#c9826b", -- orange
js = "#a3be8c", -- green
kt = "#b1d196", -- green br
lock = "#d9b263", -- yellow dm
lua = "#88c0d0", -- cyan
mp3 = "#c895bf", -- magenta br
mp4 = "#c895bf", -- magenta br
out = "#bbc3d4", -- white dm
py = "#ebcb8b", -- yellow
robot = "#e7ecf4", -- white br
toml = "#d092ce", -- pink br
ts = "#668aab", -- blue dm
ttf = "#a54e56", -- red dm
rb = "#d89079", -- orange br
rpm = "#d06f79", -- red br
woff = "#b46950", -- orange dm
woff2 = "#b46950", -- orange dm
zip = "#f0d399", -- yellow br
jsx = "#69a7ba", -- cyan dm
vue = "#8cafd2", -- blue br
rs = "#a96ca5", -- pink dm
png = "#b48ead", -- magenta
jpeg = "#b48ead", -- magenta
jpg = "#b48ead", -- magenta
}

icons.set_icon {
c = {
icon = "",
color = colors.c,
name = "c",
},
css = {
icon = "",
color = colors.css,
name = "css",
},
deb = {
icon = "",
color = colors.deb,
name = "deb",
},
Dockerfile = {
icon = "",
color = colors.docker,
name = "Dockerfile",
},
html = {
icon = "",
color = colors.html,
name = "html",
},
js = {
icon = "",
color = colors.js,
name = "js",
},
kt = {
icon = "󱈙",
color = colors.kt,
name = "kt",
},
lock = {
icon = "",
color = colors.lock,
name = "lock",
},
lua = {
icon = "",
color = colors.lua,
name = "lua",
},
mp3 = {
icon = "",
color = colors.mp3,
name = "mp3",
},
mp4 = {
icon = "",
color = colors.mp4,
name = "mp4",
},
out = {
icon = "",
color = colors.out,
name = "out",
},
py = {
icon = "",
color = colors.py,
name = "py",
},
["robots.txt"] = {
icon = "ﮧ",
color = colors.robot,
name = "robots",
},
toml = {
icon = "",
color = colors.toml,
name = "toml",
},
ts = {
icon = "",
color = colors.ts,
name = "ts",
},
ttf = {
icon = "",
color = colors.ttf,
name = "TrueTypeFont",
},
rb = {
icon = "",
color = colors.rb,
name = "rb",
},
rpm = {
icon = "",
color = colors.rpm,
name = "rpm",
},
vue = {
icon = "﵂",
color = colors.vue,
name = "vue",
},
woff = {
icon = "",
color = colors.woff,
name = "WebOpenFontFormat",
},
woff2 = {
icon = "",
color = colors.woff2,
name = "WebOpenFontFormat2",
},
xz = {
icon = "",
color = colors.zip,
name = "xz",
},
zip = {
icon = "",
color = colors.zip,
name = "zip",
},
jsx = {
icon = "ﰆ",
color = colors.jsx,
name = "jsx",
},
rust = {
icon = "",
color = colors.rs,
name = "rs",
},
jpg = {
icon = "",
color = colors.jpg,
name = "jpg",
},
png = {
icon = "",
color = colors.png,
name = "png",
},
jpeg = {
icon = "",
color = colors.jpeg,
name = "jpeg",
},
}
end

return M
`

[karimlevallois]

This sort of thing. Put this together on mine and the icons now look much better with the whole theme.

[EdenEast]

I see that devicons defines highlight groups. I would only set some of these highlight groups. I would not want to define the actual icons and names.

[karimlevallois]

Of course, it was just an example of what can be done.