테마 설정

2.6.0 버전부터 지원합니다.

테마 적용하기

에디터가 사용되는 HTML 페이지에서 테마 CSS 파일을 불러옵니다.

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

에디터의 editor.ui.theme 설정에서 테마 이름을 설정합니다.

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

테마가 적용되었습니다.

제공 테마

default

dark-gray