Color Icons

Available in Release 2.6.0 and above.

The Color Icons plugin replaces the default monochrome toolbar icons with colorful versions, making toolbar buttons more visually distinguishable. This improves the usability of the toolbar by giving each button a distinct color, helping users quickly identify actions at a glance.

Overview

Color Icons is a plugin that overrides the default icon set used by the SynapEditor toolbar. No configuration key is required — simply including the plugin script file in your page is enough to activate it. Once the script is loaded, the editor automatically detects and applies the color icon set in place of the standard monochrome icons.

Note: The color icons are designed for the default theme. When using a custom theme (e.g. dark-gray), icon visibility may vary.

How to Use

In the HTML page where the editor is used, include the color icon file.

<!-- The SynapEditor object must exist for this to take effect,
     so include this after the editor script files. -->

<script src="../dist/plugins/icons/basicColorIcons.js"></script>

Notes

• The script must be loaded after the SynapEditor core scripts. Loading it before the editor scripts will prevent the color icons from being applied.
• Color icons work with both the classic editor type and the document editor type.