Theme Configuration

RELEASE 2.6.0 OR ABOVE

Applying the theme

1. Include the theme CSS file in the html page where the editor is applied.

   index.html

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

   
   

2. Set the theme in the editor setting 'editor.ui.theme'.

   config.js

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

3. The theme is applied.

Theme list

default

dark-gray