How do I re-render the left directory structure

Hello, I want to add icons and modify the style for the innermost layer of this directory. How can I do this?

Hi @xiaofan,

you can modify the icons of files/folders by using a file icon theme. There’s one installed by default in Theia, but you can add more using extensions. You can also set a default theme using the frontend config in your apps package.json:

{
  "theia": {
    "defaultIconTheme": "<your-default-theme>"
  }
}

Thanks,Where can I modify the icon theme? Also, how do I do that if I want to re-render the left file directory?

@xiaofan To set an icon theme, you can simply run the Preferences: File Icon Theme command and select one of the installed themes.

Also, how do I do that if I want to re-render the left file directory?

What do you mean with re-rendering? What should the purpose of this be?

I want to make some style changes to the currently selected file directory through the context menu operation

@xiaofan You might be looking for something like the TreeDecorator API. For simple visual changes, it could also be enough to just add some more CSS to the application.

Thank you for your reply.