enter image description here

Is it possible to add your own colours to the colour picker. If so how do you do so?

  • wich colourpicker is this – Sebastien Stettler Apr 3 '12 at 8:40
  • HTe one of the Ribbon for a content editor web part – John Apr 3 '12 at 9:35

Down in the Standard Colors section you can add more colors by including styles like this:

.ms-rteForeColor-11 {
  color: darkred;
  -ms-name: "";
  -ms-color:"Dark Red";
.ms-rteForeColor-12 {
  color: darkred;
  -ms-name: "";
  -ms-color:"Dark Red";

Similar you can define new background colors using .ms-rteBakcColor-XX

The colors at the top are controlled by the theme and should not be modified by CSS

  • 1
    More detailed answer: bentedder.com/… – Louis Apr 3 '12 at 10:35
  • .ms-rteBakcColor-XX is not working for me – user35426 Nov 24 '14 at 10:41

You can change these colors by creating a .spcolor file.

I think the colors you need to change are :

<s:color name="BodyText" value="444444" />
<s:color name="SubtleBodyText" value="75787B" />
<s:color name="StrongBodyText" value="000000" />
<s:color name="DisabledText" value="B1B1B1" />
<s:color name="ContentAccent1" value="a41128" />
<s:color name="ContentAccent2" value="00A9E0" />
<s:color name="ContentAccent3" value="84BD09" />
<s:color name="ContentAccent4" value="E31C79" />
<s:color name="ContentAccent5" value="E8772B" />
<s:color name="ContentAccent6" value="FFC72C" />

You can start from a standard .spcolor file located in "/_catalogs/theme/15".

Hope this helps

  • Could you please elaborate the answer? Whether it needs to be referenced or any supporting threads? – SHiBiN Jan 12 '18 at 12:59

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.