Applying the theme

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

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



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

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


     

  3. The theme is applied.


Theme list

default

dark-gray