The "Chameleon" Feature

This website contains links to software which is either no longer maintained or will be supported only until the end of 2019 (CKFinder 2). For the latest documentation about current CKSource projects, including software like CKEditor 4/CKEditor 5, CKFinder 3, Cloud Services, Letters, Accessibility Checker, please visit the new documentation website.

If you look for an information about very old versions of CKEditor, FCKeditor and CKFinder check also the CKEditor forum, which was closed in 2015. If not, please head to StackOverflow for support.

One nice feature of CKEditor is its flexibility to easily match a website color scheme by simply setting the config.uiColor configuration option. While the Barbie site would set it to #F59FC6, Ninja Turtles would prefer #B1CC3D.

The core editor API controls the input of the preferred color, but it is the skin job to tell it how to change the color. That's because the skin itself defined where and how to use colors.

For that purpose, the CKEDITOR.skin.chameleon function must be defined in the skin.js file. Please check the Kama skin files for full details.

Note that adopting this feature is totally optional. A skin developer may decide to have a fixed color and not give the possibility to change it. Of course we don’t recommend this, but if that is the case, it is enough to not defined the chameleon function in the skin.js file.

This page was last edited on 26 July 2012, at 18:03.