Monaco Editor教程（六）：切换主题，及自定义主题功能的实现

背景

在实现一个WEB IDE时有些用户需要定制主题的功能，比如白色主题切换为黑色，这样会看起来酷一些。
monaco的默认主题效果

黑色主题效果

下面我们一起看一下如何实现切换主题

切换主题详解

切换主题的功能核心函数是这个
monaco.editor.setTheme(newTheme)
传入一个主题的名称，在monaco中默认的主题名有三个，分别是vs， vs-dark，hc-black
其中vs是默认主题，就是上面介绍的白色主题，全称是 Visual Studio。
vs-dark 是黑色主题 是上面看到的黑色主题 ，全称Visual Studio Dark。
hc-black是一个高对比度的黑色主题。 全称 High Contrast Dark，效果如下

当切换主题时只需要执行
monaco.editor.setTheme(newTheme)即可，如切换到黑色主题