Page MenuHomePhabricator

Maniphest priority color palette not expressive enough
Closed, ResolvedPublic

Description

We can select Maniphest priority colors using the maniphest.priorities config. As far as I can tell, we're limited to picking from just 10 colors (https://secure.phabricator.com/diffusion/P/browse/master/webroot/rsrc/css/phui/phui-object-item-list-view.css;e0bba9bae7f22edbac64790bb18b1b7575107d2e$387).

We currently have 7 different priorities, and we're finding that there's not enough variety within these 10 colors to easily distinguish all 7 priorities. For instance: indigo and violet look almost the same, and gray is used in many views to denote a closed task so we don't want to use that for any open ones.

We'd like to be able to use more colors, eg, the colors on this list: https://secure.phabricator.com/uiexample/view/PHUIColorPalletteExample/

Event Timeline

jhurwitz raised the priority of this task from to Needs Triage.
jhurwitz updated the task description. (Show Details)
jhurwitz added a project: Restricted Project.
jhurwitz added subscribers: jhurwitz, angie.

Can you go into more detail about your specific problem. What information are you trying to convey?

Also, barColor does not exist in master, we use icon + color now to convey information instead of just color (and yes, icons are configurable for Maniphest).

At a glance, in views that don't otherwise indicate priority (eg, workboard with natural sort order), I'd like to be able to visually distinguish between all of our different priorities.

As far as I can tell, workboards still use the vertical bar for task priority: https://secure.phabricator.com/tag/differential/

I realize that other views, like search results, now include icon + color. If all views were switched from vertical bar to icon + color, then I think the ability to customize icon + color would probably be sufficient for us.

T4863 would be the task to follow for adding additional information to cards in Workboards. I'm not convinced adding more colors solves any underlying problem in the product - it also creates a bit of a problem in accessibility (which is why we moved away from barColors to begin with). Can I ask what specifically are all the priorities you use and what they're for? Do you expect all users to understand so many colors and what they mean? Are they implemented consistently?

Using icons along with colors should make states of objects significantly easier to understand, so I'd rather keep exploring that direction.

Also, barColor does not exist in master, we use icon + color now to convey information instead of just color (and yes, icons are configurable for Maniphest).

It looks like icon is configurable per *status*, but I'm looking for a way to differentiate per *priority*.

It looks like icon is configurable per *status*, but I'm looking for a way to differentiate per *priority*.

Can you give us an idea of what priorities you are assigning and what you want to expand to?

We have 7 priorities (one more than the default). Our new priority is "Blocker!", which we put in between High and Needs Triage.

Actually, I just saw that you switched from .phui-object-item-bar-color-red to .phui-icon-view.red. It looks like we now have 14 color options; that's probably good enough for us for now.

I think we're also going to let you pick different icons, that's just blocked on me actually doing that.

See also vaguely related T9237.

Ummmm, I want to say no, that the icon color and the bar color are not fully in sync.

we let you pick icons for maniphest.status, but it doesn't display on workboards.

Let me verify / fix any color sync issues, and you might get this for free. :)

Oh, right. Sorry, I'm being totally unhelpful here and conflating priority and status.

It looks like lightred, etc., don't actually work for icon views. I don't think it would be completely terrible to let users have these if they want, maaaybe?

Also, @jhurwitz the reason we think the icons are cool is because "blocker" is probably more a status than a priority, or at least it mixes well. You could have a high priority blocker and a low priority blocker, and give them a cool icon like .

D14020 adds (realistically) 2 new colors, fire and pink, plus organizes the greys and blues a little bit better.

angie moved this task from Restricted Project Column to Restricted Project Column on the Restricted Project board.Sep 7 2015, 10:39 PM
angie moved this task from Restricted Project Column to Restricted Project Column on the Restricted Project board.Oct 14 2015, 6:42 PM