Monaco Editor编辑器教程(二七):集成多个GitLab编辑器颜色样式主题

前言

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

集成过程

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

效果图如下:Monaco Editor编辑器教程(二七):集成多个GitLab编辑器颜色样式主题_第1张图片

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

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

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

寻找编辑器主题相关代码

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

你可能感兴趣的:(Monaco,Editor编辑器教程,编辑器,gitlab,vscode)