colored tags

[disaster123]

As folders get more and more outdated today and tags are the new folders. I also see the future of tags in nextcloud.

While using a lot of tags it get more difficult to distinguish between them. A color per tag can make this easier.

[hitam4450]

I agree and support your suggestion!

[juliushaertl]

Makes sense to have for me. I think also with https://github.com/nextcloud/server/issues/6424 it will make tags much more useful and colors will help recognize them easily.

cc @nextcloud/designers

[jancborchardt]

Yup. We should however go easy on the color to not make it too garish as also commented in https://github.com/nextcloud/server/issues/6424#issuecomment-344180922 – for example by only coloring the border. And keep in mind for accessibility reasons we should ideally never rely on color alone, except in rare cases where space is limited (like in the cards of the Deck app).

[skjnldsv]

I agree with the idea of coloring the border, and maybe coloring the bg as well on hover only. We need to keep it clear! :)

[stefan-niedermann]

Coloring on hover would mean you need to invert back- and foreground color when the default background color is white. This hurts my eyes ;-) Just keep it in mind.

[disaster123]

Is there a way to pay / sponsor / support this feature?

[juliushaertl]

@disaster123 You can donate to a bounty at bountysource: https://www.bountysource.com/issues/50078236-colored-tags

[disaster123]

Ok i added a $100usd bounty to bountysource

[tevon456]

this still available right?

[skjnldsv]

Yes, this is still waiting for someone to take care of it :)

[disaster123]

still nobody?

[earendil1]

Hi, I suggest to consider using colors to distinguish categories of tags.

For example:

I have a tag set for Animals, its subtags would be Cat, Elephant, Dolphin. These would all have the same color. Then a tag set called Trees: its subtags would be Oak, Cypress, Beech, etc. All with a different color from the Animals.

[furiousnow]

Colors for tags would be great to see, please.

[heisian]

Hi, I suggest to consider using colors to distinguish categories of tags.

For example:

I have a tag set for Animals, its subtags would be Cat, Elephant, Dolphin. These would all have the same color. Then a tag set called Trees: its subtags would be Oak, Cypress, Beech, etc. All with a different color from the Animals.

yes I generally agree with this idea, however the issue arises when you have many different categories and end up seeing a file list with a whole rainbow of different colors... it eventually becomes meaningless

[Bugsbane]

keep in mind for accessibility reasons we should ideally never rely on color alone, except in rare cases where space is limited

Personally I would love to be able to add an icon to tags when choosing the color as well, like what tasks.org does (screenshot below). This would help with accessibility and also makes tags quickly distinguishable whether using colors or not.

[heisian]

Yes I think a combination of muted colors and/or icons could be cool.. but can't you just add emojis to the beginning of a tag?

..just tested putting emoji's in tags, it works

[Bugsbane]

Yes you can put an emoji in a tag, but emojis and icons aren't the same thing. This is likely why we don't just use emojis to represent all the Nextcloud apps in the app menu.

• With a proper monochrome icon set, theming can adjust the color appropriately. For example, you can make the icon color match the tag color, unlike emojis.
• With icons you can have a clean, monochromatic iconic set of images that all match each other, as in the photo above, unlike with emojis which typically have a range of styles even in a single emoji set.
• The icons in the tags above are simple and non-distracting, avoiding pulling excessive attention of the user. Emojis are typically too colorful and detailed to be used in many places in a UI, causing distraction. For example if you look at the photo above, the team tag would have to use an emoji like one of the following: 🤼🧑🏿‍🤝‍🧑🏻🫂 instead. None of those are as clean, easily readable or professional looking.
• Having a dedicated icon for tags also gives us UI options, such as where space is limited being able to shrink to just using the icon instead of the whole tag name. That's just an example from a range of possibilities.

So yes, using an emoji is a currently available dirty workaround, but it doesn't provide the uniform, scalable, themeamable options of a well chosen icon set.