Carbon Carbon: Changing predefined colors

[Ehren]

By default, Carbon comes with predefined colors in the Color Picker (green, blue, purple, red, gold, bronze, silver).

To change these, open your extra.less file and paste the following:

.focus-color-picker('Yellow'; #957820; 3);

This code will add Yellow, with a hex code of #957820 to position 3 in your color picker.

Simply duplicate the code and replace the values if you want to change multiple colors.

The default color can be assigned via the style property: Xenfocus: Color Picker > Default color

 

[tomitakamaa]

Worked like a charm. Thank you!

 

[Musiker Lanze]

Hello Ehren

How can I insert several new colors or how can I change existing colors? Where can I find the hex codes for colors?

 

[Musiker Lanze]

I just searched google and found a color selector for the hex code.
So the only remaining question is...how do I change existing colors or how can I add several new colors?

google farbwähler - Google Suche

 

[Musiker Lanze]

So with the Carbon Style I got it right now, but when I insert the code in the Ortem Style, it shoots the entire start page. (see Pictures)

 

[Musiker Lanze]

Is there no answer for my question?

 

[Ehren]

So with the Carbon Style I got it right now, but when I insert the code in the Ortem Style, it shoots the entire start page. (see Pictures)

Hello,

This tutorial is only for Carbon. Ortem uses different code. You can use something like this instead:

.ortem-picker('Emerald'; #46a468; 6);

The first value is the name, the second is the color and the third is the position.

 

[Musiker Lanze]

Thank you Ehren....