Different color for component icon

[fitrh]

This idea comes from akinsho/flutter-tools.nvim screenshot.

So we can have something like this

-- just like padding, if string, then use the component highlight group   
icon = { "", color = { fg = "#000", bg = "#111" } }
--                    ^^^^^^^^^^^^^^^^^^^^^^^^^^^^
--                      or highlight-group name

or this

icon = ""
icon_color = { fg = "#000", bg = "#111" }

Not a functional feature, just an eye-candy.

[shadmansaleh]

I'll consider this.

For now you can use separate component for the icon to get the look.

lualine_c = {
   {'', type='stl', color={fg='#f1502f'}, separator='', padding={left=1}},
   {'branch', color = { fg = '#30a0f0' }, icons_enabled=false },
}

[shadmansaleh]

@fitrh added in 32c85cd

Now you can do things like

{'branch', icon = {'', color={fg='green'}}}

[fitrh]

Thanks, I'll give it a try

[fitrh]

I have tried this feature, it seems that icon color requires bg to be set, unlike component color which will use default StatusLine background if bg is not set

{
    "branch",
    icon = { "", color = { fg = palette.white.secondary } },
    color = { fg = palette.magenta.primary, gui = "BOLD" },
}

[shadmansaleh]

That's strange both colors are created and used in same manner. Maybe you're hitting some edge case I'll look in to it later . Can you provide your lualine theme + values of highlight groups Normal, Statusline, StatuslineNC

[fitrh]

The theme is a slightly modified of tokyonight

:hi Normal
Normal         xxx guifg=#c0caf5 guibg=#1a1b26

:hi StatusLine
StatusLine     xxx cterm=bold,reverse guifg=#a9b1d6 guibg=#16161e

:hi StatusLineNC
StatusLineNC   xxx cterm=reverse guifg=#3b4261 guibg=#16161e