Page 1 of 1

UX Request: Better UI for selecting a color resource

Posted: 30 Sep 2024, 11:36
by Sierra
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.

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

Posted: 30 Sep 2024, 13:29
by fllorens
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.

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

Posted: 30 Sep 2024, 15:04
by Sierra
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 :)