Help / Editors / Code editor
  • Overview
  • How to?
  • Special case: Syntax highlighting outside a configuration
WindowsLinuxUniversal Windows 10 AppJavaReports and QueriesUser code (UMC)
WindowsLinuxPHPWEBDEV - Browser code
AndroidAndroid Widget iPhone/iPadIOS WidgetApple WatchMac CatalystUniversal Windows 10 App
Stored procedures
From version 22, the environment of WINDEV, WEBDEV and WINDEV Mobile proposes a light theme and a dark theme. These themes are also available in the code editor. You also have the ability to create and configure your own theme or to import an existing theme.
How to?
To configure the themes of the code editor:
  1. Display the edit options of the code editor: on the "Home" tab, in the "Environment" group, expand "Options" and select "Options of the code editor".
  2. The different themes found in the code editor are listed in the "Coloring" tab :
    Choosing the code theme
    • Light (Legacy): code editor theme corresponding to version 21.
    • Light: code editor light theme (on white background).
    • Dark: code editor dark theme (on black background).
    • Gray: code editor gray theme (on gray background).
From this window, you can:
  • use one of the proposed themes.
  • modify one of the proposed themes.
    Remark: The themes proposed by default cannot be modified directly. They must be duplicated in order to be modified.
  • delete one of the proposed themes,
  • import a theme.
To use a theme, double-click the name of the theme: the caption "(Enabled)" is displayed on the theme line.
To modify one of the themes proposed in standard:
  1. Select the desired theme and click "Duplicate".
  2. Give a name to the new theme and validate.
    Name of duplicated theme
  3. The new theme appears in the list of available themes. To modify its characteristics, select the theme and click "Modify".
  4. The theme configuration window is displayed. The list of all configurable elements is displayed.
    Configuring the theme elements
    For each element, yo have the ability to configure (according to the type of element):
    • The background color.
    • The font color.
    • The font.
    • The font size.
    • The characteristics of the font (bold, italic, underlined, strikeout).
  5. To exit from the modification mode, click Exit from modifications. The editor proposes to save or cancel the modifications.
To delete a theme:
  1. Select a non-active theme.
  2. Click the "Delete" button and validate.
Caution: The themes proposed by default cannot be deleted.
To import a theme:
  1. Click the "Import" button.
  2. Select the ".sco" file corresponding to the theme to import and validate.
Remark: To export a theme:
  1. Display the modification screen of the theme.
  2. Click the Import/Export button and select "Export a theme".
  3. Specify the name of the ".sco" file corresponding to the theme and validate.

Special case: Syntax highlighting outside a configuration

When an element that is not in the configuration is opened in the editor, the code is colored, but a specific background color is used (gray by default, on light theme).
Minimum version required
  • Version 9
This page is also available for…
Click [Add] to post a comment

Last update: 03/22/2023

Send a report | Local help