Construct 3 allows theme addons, which simply add some custom stylesheets to the document. This allows a great deal of flexibility in customising the appearance of the Construct 3 editor. Any features of CSS can be used to alter the UI appearance. You can use browser developer tools to identify the classes and DOM structure used in the editor, and override the styles Construct 3 applies by default in your own stylesheet.

Themes are based on the same .c3addon file that plugins and behaviors use, although with fewer necessary files. As you can see in the theme SDK download, all you need are lang/en-US.json, addon.json, an icon, and a stylesheet. Note your addon metadata must also contain a list of stylesheets — this is just a list of the CSS files to add to the document when your theme is applied.

As with other kinds of addon, you can test themes as developer addons for quicker development.

Tips for developing themes

Using themes

Once you have installed a theme addon, you can start using it by selecting it from the Settings dialog. Note this involves restarting Construct 3 twice: once when the addon is installed, after which it appears in the Settings dialog, and then again after selecting it in the Settings dialog.

Back to contents