U4-6616 - DocumentType icon color: new color-codes

Created by Flavio Spezi 12 May 2015, 14:38:06 Updated by Sebastiaan Janssen 13 Mar 2018, 21:41:15

Relates to: U4-7672

Relates to: U4-6264

Umbraco 7 has the wonderful feature to select icon and color for any document-type.

But I think that the "blue" icon color is not a good "blue" color. And "red" is similar to "orange", "orange" is similar to "yellow".

I suggest to change colors to another color set to do a better UI experience.


Bjarne Fyrstenborg 05 Nov 2015, 08:56:12

I agree with this. And maybe used a wider range of colors, e.g. like these icons http://zavoloklom.github.io/material-design-iconic-font/examples.html#animated-icons#colored-icons where the color codes are inspired from these color codes: http://zavoloklom.github.io/material-design-color-palette/colors.html

Bjarne Fyrstenborg 16 Nov 2015, 00:53:26

PR: https://github.com/umbraco/Umbraco-CMS/pull/903

Per Ploug 15 Feb 2016, 12:32:15

Commented on the PR, we will review color use internally as they are based on a brand guideline

Shannon Deminick 11 Apr 2016, 12:09:07

We are closing this task for now because we will be going through an internal design process regarding colors and syncing schemes with uaas.

Anders Bjerner 19 Aug 2016, 22:00:06

I just stumbled upon this issue. Shouldn't we open it again?

Maybe basing the colors on Umbraco's branding isn't the correct way in all situations?

As a developer setting up Umbraco solutions for a client, I would much rather be able to use colors specific to their branding - so perhaps instead of hardcoding the available colors in a view, we should have some way to add, edit or remove available colors via C#?

And then of course just handle the actual coloring via custom CSS files.

Bjarne Fyrstenborg 11 Jan 2018, 08:43:26

@Shandem is there any plan to add additional icon colors or rethink the defined colors?

Priority: Normal

Type: Cosmetics

State: Fixed


Difficulty: Easy

Category: UI

Backwards Compatible: True

Fix Submitted: Pull request

Affected versions: 7.3.0, 7.2.2, 7.2.3, 7.2.4, 7.3.1

Due in version: 7.9.3


Story Points: