Monaco Editor编辑器教程（二七）：集成多个GitLab编辑器颜色样式主题

前言

在开发编辑器时，未来满足开发者的审美需求，有时需要设计多套颜色主题，最基础的是黑色主题和白色主题。如果用户愿意出钱的话，可以加上一些其他花里胡哨的颜色主题，在vscode中是可以搜到。今天就来教大家一些，如何借助现成的资源来为自己的monaco编辑器增加丰富的颜色主题。正所谓它山之石，可以攻玉，开源给了我们非常多的好处，让我们能够站在巨人的肩膀上。同时同学们也要记得，喝水不忘挖井人。本篇文件会教大家将GitLab WEB IDE中的编辑器主题集成到自己的编辑器中。

集成过程

在gitlab中，官方提供了一共六种编辑器颜色主题。分别是
Light，Dark，Solarized Light，Solarized Dark，Monokai，None。

效果图如下：

不知道网友们喜欢哪款样式，我个人比较喜欢Solarized Dark 主题。沉稳，冷静。

之前我说过，自定义的主题都是继承官方提供的原始主题进行颜色自定义的。所有有些主题表现和官方的很相似，比如Light，Dark主题，就与官方的vs，vs-dark 很类似。

说了那么多，下面开始正式集成

寻找编辑器主题相关代码

使用关键词 defineTheme 可以很容易找到核心代码，如下图