[FEATURE REQUEST] Align file icons and colors

[tbsbdr]

Problem Icons and Icon colors are quite different between web and mobile clients. This is particularly noticeable when I e.g. do presentations, see screenshot.

Proposed solution

Align icon style and colors between web and mobile clients.

@JuancaG05 @jesmrec Whats you opinion - do you consider the proposal an improvement?

TASKS

• [ ] Research (if needed)
• [ ] Create branch feature/align_icons_and_colors
• [ ] Development tasks
  • [ ] ...
  • [ ] Implement unit tests (if needed)
• [ ] Code review and apply changes requested
• [ ] Design test plan
• [ ] QA
• [ ] Merge branch feature/align_icons_and_colors

[jesmrec]

yes, that's an improvement. We just need those icons from somewhere.

[JuancaG05]

Hey @tbsbdr! Yes, I agree with that. But, as @jesmrec states, we need to take those icons from somewhere, since the ones we have now come from long time ago. Would be cool to have some kind of "common database" to share the same icons (we don't receive them from server, they are saved locally in the app data), also if there is any new type of file added in the future 👍

[tbsbdr]

We could proceed like that:

1. replace current icons with the proposed one (same as web)
2. discuss centralised icon set (not sure if this approach will be a benefit, as clients will always need some set of local icons - tbd)

The proposed icons are taken from web, resource-type-*.svg

• https://github.com/owncloud/web/blob/master/packages/design-system/src/assets/icons/resource-type-pdf-fill.svg I've extracted the colors web via browser inspect eg from: https://ocis.ocis-web.master.owncloud.works/

mabye @kulmann and team can provide more structured guidance 🙏

[Kishubhai]

Issue gets solved? @tbsbdr

[tbsbdr]

I can not tell, @DeepDiver1975 might know or might know who can decide. (Im no longer in charge)

[joragua]

This issue has been assigned to the team and it's in progress! 🚀 @Kishubhai if you want to contribute, take a look to issues with Contributions are welcome label. Feel free to comment if you have some questions about those issues 😄

[JuancaG05]

Seems the provided SVG are not valid since they are rectangular, and we (and in general, mobile apps) need squared images for these icons. The vectors could be modified before introducing them into the app, making them squared, but that's not the aim here, we should keep the same resources used in other clients. This won't be implemented FTM.