1、xq-light：
image.png
2、3024-day
image.png
3、3024-night
image.png
4、ambiance
image.png
5、ayu-dark
image.png
6、ayu-mirage
image.png
7、 base16-dark
image.png
8、base16-light
image.png
9、bespin
image.png
10、 blackboard
image.png
11、cobalt
image.png
12、colorforth
image.png
13、darcula
image.png
14、dracula
image.png
15、duotone-dark
image.png
16、duotone-light
image.png
17、eclipse
image.png
18、elegant
image.png
19、erlang-dark
image.png
20、gruvbox-dark
image.png
21、 hopscotch
image.png
22、icecoder
image.png
23、idea
image.png
24、isotope
image.png
25、lesser-dark
image.png
26、 liquibyte
image.png
27、lucario
image.png
28、material-darker
image.png
29、material-ocean
image.png
30、material-palenight
image.png
31、material
image.png
32、mbo
image.png
33、mdn-like
image.png
34、midnight
image.png
35、monokai
image.png
36、moxer
image.png
37、neat
image.png
38、neo
image.png
39、night
image.png
40、nord
image.png
41、oceanic-next
image.png
42、panda-syntax
image.png
43、paraiso-dark
image.png
44、 paraiso-light
image.png
45、pastel-on-dark
image.png
46、rubyblue
image.png
49、seti
image.png
50、shadowfox
image.png
51、 solarized
image.png
52、ssms
image.png
53、ttcn
image.png
emm。。。。。没有一个满意的 就neat和xq-light好一点
个人最喜欢的还是这种
image.png
对于强迫症的我。。。。 那就改源码
创建neat.css
.cm-s-neat span.cm-comment { color: #a86; }
.cm-s-neat span.cm-keyword { line-height: 1em; font-weight: bold; color: blue; }
.cm-s-neat span.cm-string { color: #1C86EE }
.cm-s-neat span.cm-property { color: #a22 }
.cm-s-neat span.cm-builtin { line-height: 1em; font-weight: bold; color: #077; }
.cm-s-neat span.cm-special { line-height: 1em; font-weight: bold; color: #0aa; }
.cm-s-neat span.cm-variable { color: black; }
.cm-s-neat span.cm-number, .cm-s-neat span.cm-atom { color: #3a3; }
.cm-s-neat span.cm-meta { color: #555; }
.cm-s-neat span.cm-link { color: #3a3; }
.cm-s-neat .CodeMirror-activeline-background { background: #e8f2ff; }
.cm-s-neat .CodeMirror-matchingbracket { outline:1px solid grey; color:black !important; }
引入：
import '../../styles/neat.css'
效果：
image.png
网友评论