Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

colored tags #6778

Closed
disaster123 opened this issue Oct 6, 2017 · 17 comments · Fixed by #49295
Closed

colored tags #6778

disaster123 opened this issue Oct 6, 2017 · 17 comments · Fixed by #49295
Assignees
Labels
4. to release Ready to be released and/or waiting for tests to finish design Design, UI, UX, etc. enhancement feature: tags
Milestone

Comments

@disaster123
Copy link

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

This comment has been minimized.

@juliusknorr

This comment has been minimized.

@jancborchardt
Copy link
Member

Yup. We should however go easy on the color to not make it too garish as also commented in #6424 (comment) – 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

This comment has been minimized.

@stefan-niedermann
Copy link
Member

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

This comment has been minimized.

@skjnldsv skjnldsv added the design Design, UI, UX, etc. label Mar 4, 2018
@juliusknorr

This comment has been minimized.

@nextcloud-bot nextcloud-bot added the stale Ticket or PR with no recent activity label Jun 20, 2018
@disaster123

This comment has been minimized.

@nextcloud-bot nextcloud-bot removed the stale Ticket or PR with no recent activity label Nov 16, 2018
@skjnldsv skjnldsv added the 1. to develop Accepted and waiting to be taken care of label Jun 12, 2019
@tevon456

This comment has been minimized.

@skjnldsv

This comment has been minimized.

@disaster123

This comment has been minimized.

@earendil1
Copy link

earendil1 commented Nov 19, 2022

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

This comment was marked as duplicate.

@heisian
Copy link

heisian commented Jan 9, 2024

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
Copy link
Member

Bugsbane commented Jan 9, 2024

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.

Image

@heisian
Copy link

heisian commented Jan 10, 2024

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
Copy link
Member

Bugsbane commented Jan 12, 2024

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.

@skjnldsv skjnldsv self-assigned this Nov 14, 2024
@skjnldsv skjnldsv added 2. developing Work in progress and removed 1. to develop Accepted and waiting to be taken care of labels Nov 14, 2024
@skjnldsv skjnldsv added 4. to release Ready to be released and/or waiting for tests to finish and removed 2. developing Work in progress labels Dec 11, 2024
@skjnldsv skjnldsv added this to the Nextcloud 31 milestone Dec 11, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
4. to release Ready to be released and/or waiting for tests to finish design Design, UI, UX, etc. enhancement feature: tags
Projects
None yet
Development

Successfully merging a pull request may close this issue.