zed icon indicating copy to clipboard operation
zed copied to clipboard

Icon extensions

Open nesrve opened this issue 1 year ago • 18 comments

Check for existing issues

  • [X] Completed

Describe the feature

This issue proposes the ability for extensions to provide custom file and folder icons in Zed.

If applicable, add mockups / screenshots to help present your vision of the feature

No response

nesrve avatar Mar 04 '24 18:03 nesrve

We should definitely do this soon, since our initial use case for extensions is going to be adding support for custom languages. Do you want to propose a precise schema by which extensions could define file icons?

maxbrunsfeld avatar Mar 04 '24 21:03 maxbrunsfeld

Would it be reasonable to look for an icons directory in the schema?

nesrve avatar Mar 04 '24 22:03 nesrve

I'd love to have material icons in zed :) Upvoted.

flazouh avatar Mar 11 '24 13:03 flazouh

would it be fair to let users create a file-icons directory and then associate each file as a string key with the corresponding extensions as a value of list of strings?

Yeah, this seems like it'd be fine.

maxbrunsfeld avatar Mar 11 '24 18:03 maxbrunsfeld

@maxbrunsfeld I'm having a bit hard time with this.. any help would be appreciated!

nesrve avatar Mar 11 '24 18:03 nesrve

I would love support for seti color icons! If they were added I would switch to zed immediately! Upvoted!

aramshiva avatar Mar 16 '24 18:03 aramshiva

One of the top reason I'm struggling to switch to Zed! Please bring this asap 🙏

raikusy avatar Jun 13 '24 13:06 raikusy

Everyone once in a while I'm checking if we can bring our own icons, not having colourful icons is the only reason I can't get used to Zed somehow.

MeHattabi avatar Jun 21 '24 07:06 MeHattabi

+1 for Material Icons!

kyleboe avatar Jul 10 '24 21:07 kyleboe

+1 for Material Icons!

coderlfm avatar Jul 12 '24 02:07 coderlfm

+1 For icon extensions, it's painful to work with the filesystem.

At this point, it's more motivating to use vim/neovim rather than Zed 🤷

space7panda avatar Jul 14 '24 09:07 space7panda

Indeed, colored file icons is to the explorer what syntax highlighting is to the code editor. Once you're used to it, it's hard to come back to monochrome icons.

Here is a side-by-side comparison between colored icons in VSCode and monochrome icons in Zed. One is clearly more visually appealing and it's easier to sort what is what.

Note that I'm using an extension that also set special icons and colors to folders depending on their names.

File icons comparison

Gin-Quin avatar Jul 14 '24 16:07 Gin-Quin

Is this still being worked on? I saw a couple of PR's but all of them were closed. I saw @maxdeviant saying that you are not using JSON schemas to validate extension files anymore and that the schema would be revisited. In what point exactly is this?

I can work on this PR btw I just want to know what is the current vision for icon extensions

GMkonan avatar Jul 17 '24 21:07 GMkonan

After trying out Zed, this is one of my blockers for switching. Not having colored icons makes it tedious to find files, distinguish between file types (like PNGs vs SVGs) and get an overview of a project layout. It's not just a question of design preference, it's also a usability issue.

Basically what I need is color-coding of file icons, and a better coverage of file types (like cjs and scss files).

I think a built-in colored icon set variant would be fine for most people, if the developers are concerned about aesthetics.

Screenshot 2024-07-19 at 15 51 16Screenshot 2024-07-19 at 15 50 50

Another example: can you clearly and easily tell the difference between my utility files, and their test files? Maybe it would be good practice to have them in the same folder - but on Zed, I just couldn't tell them apart at all if I did.

Screenshot 2024-07-19 at 17 09 42Screenshot 2024-07-19 at 17 10 25

jerryjappinen avatar Jul 19 '24 08:07 jerryjappinen

Yeah, uncolored icons can sometimes be really confusing especially with a great amount of files.

LDprg avatar Aug 04 '24 14:08 LDprg

Just my 2 cents, but having a caret vs a folder icon also really helps with the visual distinction for me as well. I assume this could be artificially created with the icon set, but just wanted to comment on it

kyjus25 avatar Aug 08 '24 17:08 kyjus25

Just my 2 cents, but having a caret vs a folder icon also really helps with the visual distinction for me as well. I assume this could be artificially created with the icon set, but just wanted to comment on it

I agree with this btw. I think this just highlights the fact that the icon design is very much a usability concern over aesthetics. Many usability issues could be ironed out with a more accessible, robust and comprehensive default icon set (perhaps with a couple of variants or configuration settings).

I see third-party icon set support more as a way to take some of that burden off of the team and let the community take over the design, testing and development. There are also established, battle-tested icon sets out there for this exact purpose (my screenshots above are using https://marketplace.visualstudio.com/items?itemName=qinjia.seti-icons) that would provide a head start.

jerryjappinen avatar Aug 12 '24 14:08 jerryjappinen

Indeed, this is one reason I don't use zed even as a secondary editor.

zscao avatar Aug 18 '24 06:08 zscao

Zed been doing great for me for the last month, its easy to configure, and i can have same as my vscode keymaps just fine, so i dont need to adapt again, this extension will make it perfect and i can move entirely from vscode

fatihaziz avatar Aug 22 '24 15:08 fatihaziz

Just switched to zed after waiting for remote editing, and got here after trying to change icons, give us the means to make the icons and we'll take it from there, the team can keep cooking other stuff meanwhile :)

Bewinxed avatar Aug 22 '24 18:08 Bewinxed

We need custom icons :(

rossanmol avatar Aug 22 '24 18:08 rossanmol