Icon separate color from file name

[lsoksane]

Is it possible to specify the color of an icon, separate from the file name? The example

https://github.com/eza-community/eza-themes?tab=readme-ov-file#file--and-extension-based-overrides

suggests that perhaps yes, but the color doesn't work for me. In fact, if I set a custom icon it seems to be always black:

Here is my theme.yml

extensions:
  "md":
    filename:
      foreground: Blue    
    icon:
      glyph: 
      foreground: Blue

I can produce the effect I want with ls, using some LS_COLORS hacks

(But being a hack, this has some downsides.)

For reference, a relevant discussion from lsd

lsd-rs/lsd#305

[ngtv2409]

I tried and it seems like the icon field in extensions icon doesn't overwrite the styling.

I reset LS_COLORS and EZA_COLORS to empty string "", ensuring no influence. Then I create an empty theme.yml file contains only

extensions:
  c:
    icon:
      glyph: C
      foreground: Red

It appears to be Yellow instead. I suspect that is the default color of the file type since it appears in similar styling.

Next, I tried to overwrite it using file_type

file_type:
  source:
    foreground: Blue

And the icon indeed appears Blue. That means the problem is color in icon does not overwritten anything even though the theme.yml manual shows an example of such.

[ngtv2409]

I patched eza to dump UIStyles for everything run and here is what I get

    extensions: Some(
        {
            "c": FileNameStyle {
                icon: Some(
                    IconStyle {
                        glyph: Some(
                            'C',
                        ),
                        style: None,
                    },
                ),

Notice how the style field of icon is None, meaning it actually does overwrite (looking at the source code, options/config.rs), except that it doesn't even care about the style of icons

[ngtv2409]

I looked at the code and has it working now! The code really has no problem but the manual was poorly written. Take a look at the struct definitions:

#[derive(Debug, Default, PartialEq, Eq, Clone, Copy, Serialize, Deserialize)]
pub struct IconStyle {
    pub glyph: Option<char>,
    pub style: Option<Style>,
}

#[derive(Debug, Default, PartialEq, Eq, Clone, Copy, Serialize, Deserialize)]
pub struct FileNameStyle {
    pub icon: Option<IconStyle>,
    pub filename: Option<Style>,
}

Notice how icon is a struct containing 2 fields — glyph: char and style: Style, not just taking Style. Meaning if you want to style your icon, you must do this:

c:
  icon:
    glyph: C
    style:
      foreground: Red

Hope this helps. I really took my time to inspect and report when I found something new so I end up with 3 comments lol.

[lsoksane]

Thanks a lot! This works indeed.