Page tree
Skip to end of metadata
Go to start of metadata

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


  • No labels