search

jameskokoska / Cashew

💸 An app created to help users manage a budget and purchases
https://cashewapp.web.app/
GNU General Public License v3.0
1.91k stars 253 forks source link

Monochromatic Icons for Better Accessibility and Consistency #416

Closed Michael152843 closed 2 months ago

Michael152843 commented 2 months ago

Is your feature request related to a problem? Please describe. Since FreePik icons are designed by different people, they often use varied color swatches and shadings. This often creates accessibility and consistency issues in the app - some icons and background colors don't work together at all, some look fine in the dark mode but then they look weird in the light mode, and vice versa. Additionally, many subcategory icons on the transaction page lack clarity and are barely readable.

Describe the solution you'd like It would be great to be able to use monochromatic, adaptive to themes icons for categories, budgets, loans and goals, since they better adhere to the accessibility, consistency and clarity guidelines of Material Design. Given that we can already select different background colors to distinguish categories, colored icons are not that necessary.

jameskokoska commented 2 months ago

There are currently no plans to support other icons in Cashew. Currently the supported icons are the included FlatIcon and emojis. All the icons included in Cashew from FlatIcons are chosen so they have a consistent feel across all the icons and theme of Cashew. The icons are important in adding color to a flat UI.

I've considered supporting another icon pack such as https://github.com/hugeicons/hugeicons-flutter/tree/main however in my opinion, adding many icon packs will create unnecessary clutter and inconsistencies across the UI. I may revisit this implementation in the future, but it isn't a priority and has already been considered.

Michael152843 commented 1 month ago

I've just discovered that it's possible to enable simple outlined icons via Debug Flags, which in my opinion are much clearer and better looking👍

jameskokoska commented 1 month ago

Glad you like it :) Let me know any feedback, it’ll be officially supported soon!

Michael152843 commented 1 month ago

I think they look great - much easier to read and to set colors. Also, the outlined icons give the app that formal and professional touch.

It would be great if we could also have some brand icons included (Amazon, YouTube, Google, Spotify, Netflix, etc.). While it was tricky with Flat Icons, since they would have to follow some very specific brand guidelines, this is not the case with outlined icons, which are used in many other apps. This would allow users to neatly organize the subscription categories, etc.