Theme Settings

Release 2.6.0 and above.

Applying a Theme

In the HTML page where the editor is used, include the theme CSS file.

<!-- index.html -->
<!-- Theme CSS -->
<link rel='stylesheet' href='../dist/themes/dark-gray.css'>

Set the theme name in the editor's editor.ui.theme setting.

// config.js
var synapEditorConfig = {
  "editor.ui.theme": "dark-gray" // theme name
};

The theme is applied.

Provided Themes

default

dark-gray