Creating Custom Themes

Piecewise can be restyled by using standard cascading style sheets (.css files). Style sheets in the addons folder are included on the main page of Piecewise when they are selected in the options menu.

You may find it useful to enable developer mode (which, in turn, enables Chrome DevTools) by pressing the up arrow key 7 times and then typing youaremyangel when prompted for a “cheat code.” You can find the Chrome DevTools under the new “Build” tab that appears when developer mode is enabled.

By default, custom themes are based on the “light” version of Piecewise’s theme. To automatically set the workspace theme to the dark version whenever your theme is being used, create a comment at the top of your CSS file that reads as follows:

/* workspace dark */