跳到主要内容

4、主题

主题

image-20230923230817250

1、文件图标主题

默认这个图标还是很好看的哦

2023年9月23日

image-20230923230640707

image-20230923230653068

2、颜色主题

给你的 VS Code 换个皮肤吧,免费的那种。

  • Dracula Theme
  • Material Theme
  • Nebula Theme
  • One Dark Pro
  • One Monokai Theme
  • Monokai Pro
  • Ayu
  • Snazzy Plus
  • Dainty
  • SynthWave '84
  • GitHub Plus Theme:白色主题
  • Horizon Theme:红色主题

No1 One Dark Pro

安装次数:4,439,317

Atom 设计的经典 One Dark 主题,下载榜第一名,质量无需多言。融合了良好的配色方案和舒适的视觉风格,多个版本可选,非常适合喜欢黑夜模式的开发人员(半夜敲代码美滋滋?)。

image-20220101164030398

亲测效果:One Dark Pro Darker

image-20220101164006889

No2 Dracula Official

安装次数:2,886,381

德古拉也是一个由 Zeno Rocha 创建的经典 VS Code 深色主题,适用于 Visual Studio Code 和其他 181+ 应用程序,是有史以来最流行的 vs 代码主题之一

image-20220101164312901

亲测效果:

image-20220101164453175

No3 GitHub Theme

安装次数:2,682,414

经典 GitHub 配色,有浅色、深色、浅色默认、深色默认和深色变暗版,适合 GitHub 老粉使用。

image-20220101164552682

亲测效果:

image-20220101164838823

No4 Winter Is Coming Theme

安装次数:1,398,907

文艺点可以翻译成“ 凛冬将至 ”,这个主题也有深色和浅色版本,冷色调的配色很好看,不过字体可能有点难辨认...

image-20220101164922796

亲测效果:

image-20220101165114842

No5 Night Owl

安装次数:1,128,643

这个主题的名字就叫“夜猫子”,适合加班党 适合那些深夜才有灵感的人们使用,字体和背景的配色都非常适合弱光环境,有斜体版本和无斜体可选择,还有个白天的版本“Light Owl ”。

image-20220101165212153

亲测效果:

image-20220101165312202

No6 Monokai Pro

安装:1,111,117

Monokai Pro 由 Monokai 原始作者设计,包含完整的配色方案、自定义用户界面主题和完整的图标集,精心挑选的色调制造出不分心的用户界面,让你专注于代码。

image-20220101165403594

image-20220101165416433

亲测效果:

image-20220101165638370

No7 One Monokai Theme

安装次数:1,053,867

由 Joshua Azeroth 创建的最受好评和最常用的黑暗 vscode 主题之一,Monokai 和 One Dark 主题的混合体,精心设计的色彩组合和代码编辑功能让你轻松地专注于工作。

image-20220101165733719

亲测效果:

image-20220101170028330

No8 Shades of Purple🍊

安装次数:1,049,423

如它的名字 “紫色阴影” ,这个主题混合了各种紫色的色调和阴影颜色,可以轻松辨认重点属性,比如类名、函数定义等,适合紫色爱好者。

image-20220101170128170

亲测效果:

image-20220101170200343

好骚气的vscode主题:😋

image-20211229210124053

No9 Ayu

安装次数:991,415

这个主题真的很好看,简单、明亮、优雅,也是俺白天常用的主题之一,就是有点太亮了,看久了眼酸。

image-20220101170710723

亲测效果:

image-20220101170656078

N10 Palenight

安装次数:716,039

由 ololu Olawuyi 创作的最小对比度主题,柔和而舒适,找不到 bug 的烦躁都舒缓了许多。

image-20220101170741313

亲测效果:

image-20220101170956739

No11 Cobalt2 Theme Official

安装次数:674,471

由 Wes Bos 创建,简单易懂,设计精美,是市场上评价最高的主题之一。精心挑选的颜色和样式可帮助开发人员专注于代码及其清晰度。

image-20220101171032173

亲测效果:

image-20220101171140167

No12 SynthWave '84

安装次数:636,558

这个 CSS 主题通过发光效果和混合色调营造出一种 80 年代霓虹灯的味道,经典而优雅的 80 年代美学,敲代码的同时有种纸醉金迷的迷幻感。

image-20220101171215162

亲测效果:

image-20220101171424686

No13 Noctis

安装次数:511,688

暖色和冷色混合的均衡搭配,看起来很舒服,还可以减少眼睛疲劳。8个深色和3个浅色版本任君选择,总有一款适合你。

image-20220101171459681

亲测效果:

image-20220101171647917

No14 Panda Theme

安装次数:483,485

配色、对比度、明暗搭配恰到好处,看再久也不会累!

image-20220101171721488

亲测效果:

image-20220101172431670

No15 Nord

由A rctic Ice Studio 设计的北极蓝主色调、干净、优雅的主题。

image-20220101172729862

亲测效果:

image-20220101172707029

Solarized Light

image-20230209212134063

Quiet Light

这个vscode背景也不错

image-20240501104158231

📍 这种有竖线对齐,挺好的

2022年7月31日11:27:44

image-20220509191051042

image-20220509075646572

Photonica

这个主题对html不是很友好,可能会vue react会好些。

image-20240501103806948

image-20240501103844694

3、目前正在使用的字体和主题

2023年9月23日

1、字体:consolas, 'Courier New', monospace

consolas, 'Courier New', monospace

image.png

image.png

2、颜色主题:Monkai

image-20230923231909231

image-20240501104049796