Sierra

UX Request: Better UI for selecting a color resource

30 Sep 2024, 11:36

Hi there!

Can we get a better interface for selecting and applying a resource to a Background, Stroke/Border Brush and Foreground? We have a lot of colors that in our design system we've defined as SolidColorBrush or LinearGradientBrush which reference color resources.

Example:
<Color x:Key="Blue50">#FFD1DAE6</Color>
<SolidColorBrush x:Key="Color.Text" Color="{StaticResource Blue50}" />

This tokenization is paramount for us to keep our color palette consistent and easily maintainable, as well as unlock theming.

However, applying any of our resources is pretty hard when the UI is just dozens of thumbnails with seemingly no organization and way to filter or sort them. Which is kind of weird, because in the colors menu we do get a "Search color" field. Any improvements here would be greatly appreciated.
Attachments
Screenshot 2024-09-30 122716.png
Screenshot 2024-09-30 122716.png (26.86 KiB) Viewed 2881 times
 
User avatar
fllorens
Site Admin
Posts: 7
Joined: 01 Aug 2022, 09:32

Re: UX Request: Better UI for selecting a color resource

30 Sep 2024, 13:29

Hi there Alex,

We have a Resources sprint just after current one, and I'm including this on the list of issues we have to address.

As always, thanks for your input, which is greatly appreciated by all the team.
 
Sierra

Re: UX Request: Better UI for selecting a color resource

30 Sep 2024, 15:04

Hi there Alex,

We have a Resources sprint just after current one, and I'm including this on the list of issues we have to address.

As always, thanks for your input, which is greatly appreciated by all the team.
Thanks, looking forward to it!

Note: As a first iteration, even changing this to a list where each resource is displayed with a small thumbnail and a text label would be much more usable :)

Who is online

Users browsing this forum: No registered users and 0 guests