Skip to content

colored tags #6778

Description

@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.

Activity

  1. hitam4450 commented on Oct 8, 2017

    @hitam4450
  2. juliusknorr commented on Nov 14, 2017

    @juliusknorr
  3. jancborchardt commented on Nov 14, 2017

    @jancborchardt
    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).

  4. skjnldsv commented on Nov 14, 2017

    @skjnldsv
  5. stefan-niedermann commented on Nov 15, 2017

    @stefan-niedermann
    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.

  6. disaster123 commented on Mar 4, 2018

    @disaster123
    Author
  7. juliusknorr commented on Mar 22, 2018

    @juliusknorr
  8. disaster123 commented on Nov 16, 2018

    @disaster123
    Author
  9. tevon456 commented on Jul 16, 2019

    @tevon456
  10. skjnldsv commented on Jul 22, 2019

    @skjnldsv
  11. disaster123 commented on Jun 6, 2020

    @disaster123
    Author
  12. earendil1 commented on Nov 19, 2022

    @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.

  13. furiousnow commented on Mar 10, 2023

    @furiousnow
  14. heisian commented on Jan 9, 2024

    @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

  15. Bugsbane commented on Jan 9, 2024

    @Bugsbane
    Member

    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

  16. heisian commented on Jan 10, 2024

    @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

  17. Bugsbane commented on Jan 12, 2024

    @Bugsbane
    Member

    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.

  18. self-assigned this
    on Nov 14, 2024
  19. added and removed
    1. to developAccepted and waiting to be taken care of
    on Nov 14, 2024
  20. added
    4. to releaseReady to be released and/or waiting for tests to finish
    and removed on Dec 11, 2024
  21. added this to the Nextcloud 31 milestone on Dec 11, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

Type

No type

Projects

No projects

    Milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions