change default color for RTE text in craftercms - crafter-cms

Question

How can we change the default color of RTE text color option "A".
Please consider attached screen shot for more details.
Screen Shot

Answer 1

Ideally, you want authors to use the style sheet to set the color of items rather than using markup in the RTE (like the forecolor plugin)
To import your stylesheet into the RTE follow this guide:
http://docs.craftercms.org/en/3.0/site-administrators/studio/rte-setup.html
in the setup your RTE is using (general by default)
<rteStylesheets> <!-- This informs the RTE to use the CSS files -->
<link>
<loadFromPreview>true</loadFromPreview>
<url>/static-assets/css/main.css</url>
</link>
</rteStylesheets>
Once you point the config to the style sheet in static assets you H1s etc should be styled appropriately. Note sometimes style sheets are overly specific and you need to take additional steps.
So for example the style sheet has:
body {
color:red;
}
The RTE's text will be red. If someone updates the CSS, the RTE will update too.

Answer 2

To add the text color option "A" in the toolbar of the RTE, all you have to do is add forecolor to the tag toolbarItems1 in the RTE Configuration file, that you can access from Site Config -> Configuration, then select RTE Configuration from the dropdown.
<toolbarItems1>
formatselect,|,bold,italic,underline,strikethrough,|,sub,sup,charmap,|,forecolor,|,outdent,indent,blockquote,|,justifyleft,justifycenter,justifyright,justifyfull,|,bullist,numlist,|,managedImage,link,unlink,anchor,|,edithtml,|,undo,redo
</toolbarItems1>