sublime text3自定义配色推荐（程序员）

最新推荐文章于 2025-06-16 12:37:40 发布

原创

最新推荐文章于 2025-06-16 12:37:40 发布 · 1.6k 阅读

5 ·

CC 4.0 BY-SA版权

The article is written by William Huang,Thanks for your reading.

文章标签：

#sublime text3 #配色 #自定义 #代码

本文介绍了如何在Sublime Text3中自定义配色，通过安装Package Resource Viewer插件，打开color scheme资源，编辑breakers配色文件以达到个性化设置。详细步骤包括安装插件和修改配色方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

先上效果，感兴趣的请继续往下阅读修改方式
在这里插入图片描述

具体方式如下：
ctrl+shift+p
输入 package install
输入 package resource viewer 选择并安装
等待安装完后
ctrl+shift+p
输入 package resource viewer：open resource
在这里插入图片描述
输入color

选择default
选择breakers
会出现配色文件，可自行修改，
本人修改方案如下：

{
   
   
    "name": "Breakers",
    "author": "Sublime HQ Pty Ltd, Dmitri Voronianski",
    "variables":
    {
   
   
        "blue": "hsl(210, 50%, 60%)",
        "blue2": "hsl(180, 36%, 54%)",
        "blue3": "hsl(240, 0%, 0%)",
        "green": "hsl(114, 31%, 68%)",
        "grey": "hsl(0, 0%, 73%)",
        "grey2": "hsl(0, 0%, 60%)",
        "grey3": "hsl(0, 0%, 20%)",
        "orange": "hsl(32, 93%, 66%)",
        "orange2": "hsl(32, 85%, 55%)",
        "orange3": "hsl(40, 94%, 68%)",
        "pink": "hsl(300, 30%, 68%)",
        "red": "hsl(357, 79%, 65%)",
        "red2": "hsl(13, 93%, 66%)",
        "red3": "hsl(16, 29%, 54%)",
        "white": "hsl(0, 0%, 97%)",
        "white2": "hsl(210, 11%, 85%)",
        "white3": "hsl(204, 10%, 90%)",
        "white4": "hsl(195, 11%, 93%)",
        "white5": "hsl(180, 9%, 98%)",
        "myred":"rgb(203,27,69)",
        "myred2":"rgb(130,57,53)",
        "myblue":"rgb(65,105,225)",
        "myblue2":"rgb(08,46,84)",
        "myblack":"rgb(41,36,33)",
        "mypurple":"rgb(138,46,226)",
        "mypurple2":"rgb(78,29,76)",
        "myyellow":"rgb(255,215,0)",
        "myyellow2":"rgb(230,179,61)",
        "mygreen":"rgb(34,139,34)",
        "mygreen2":"rgb(3,101,100)",
        "mypink":"rgb(255,192,203)",
        "mygrey":"rgb(220,220,220)",
        "myorange":"rgb(255,128,0)",
        "myorange2":"rgb(219,69,32)",
        "mywhile":"rgb(240,255,255)",
        "mygrey2":"rgb(133,91,50)",
        "mygrey3":"rgb(130,57,50)",

    },
    "globals":
    {
   
   
        "foreground": "var(myblue2)",
        "background": "var(mywhile)",
        "caret": "var(blue2)",
        "line_highlight": "var(white3)",
        "selection": "var(mypink)",
        "selection_border": "var(mypink)",
        "inactive_selection": "var(white4)",
        "misspelling": "var(red)",
        "shadow": "var(grey)",
        "active_guide"