Child pages
  • Developer Configuration and Themes
Skip to end of metadata
Go to start of metadata

Starting with Servoy 8.2 it is possible to switch themes with special dark icons support: 

Go to Window -> Preferences menu, then under General, on the Appearance page select the new theme, and click Apply.


Dark Theme Configurations

In case a dark theme is selected, it is necessary to:

  1. configure the script editor with the dark theme 
  2. set a preference to use the dark theme icons.

Since the script editor colors do not change automatically when switching to the dark theme, the script editor colors can be changed directly on the preferences page  or by importing a preferences file:

1A. Syntax Coloring of the Script Editor Preferences

On the page below you can pick the preferred colors for the script editor:


1B. Default Dark Theme Preferences for the Script Editor

A default preferences file is available to make the code readable on a dark background. 

Backup Preferences

Before importing the script editor preferences it is a good idea to first backup your preferences to be able to restore them later.

In order to backup, go to File -> Export, and from General select Preferences. In the next screen select which preferences to export, choose a file name and location and click Finish.

To import the script editor syntax coloring preferences:

  1. download the preferences file script_editor_preferences.epf
  2. go to File-> Import and under General select Preferences
  3. On the import page select the downloaded preferences file, make sure Import all is checked and click Finish.


To restore the syntax editor coloring:

  1. on the syntax coloring preferences page click Restore Defaults

  2. import the default.epf preferences file to restore content assist preferences

1C. Default Dark Theme Preferences for the CSS Editor

The dark theme preferences for the CSS Editor can be imported similarly to the ones for the script editor:

  1. download the preferences file css_editor_preferences.epf
  2. go to File-> Import and under General select Preferences
  3. On the import page select the downloaded preferences file, make sure Import all is checked and click Finish.

2. The Dark theme icons Preference

 Next, go to the Servoy Preferences page to set "Use dark theme icons".

 Please note that a restart is required after setting this preference.


  • No labels