Sublime text3插件BracketHighlighter彩色配置

BracketHighlighter插件是用来匹配相对的符号,然后高亮显示,比如

{ },[ ],( ),” “,’ ‘, <tag> </tag>

等符号的对应高亮显示。
BracketHighlighter

我个人的配置文件:bh_core.sublime-settings


    // Define region highlight styles
    "bracket_styles": {
        // "default" and "unmatched" styles are special
        // styles. If they are not defined here,
        // they will be generated internally with
        // internal defaults.

        // "default" style defines attributes that
        // will be used for any style that does not
        // explicitly define that attribute.  So if
        // a style does not define a color, it will
        // use the color from the "default" style.
        "default": {
            "icon": "dot",
            // BH1's original default color for reference
            // "color": "entity.name.class",
            "color": "brackethighlighter.default",
            "style": "underline"
        },

        // This particular style is used to highlight
        // unmatched bracket pairs.  It is a special
        // style.
        "unmatched": {
            "icon": "question",
            "color": "brackethighlighter.unmatched",
            "style": "outline"
        },
        // User defined region styles
        "curly": {
            "icon": "curly_bracket",
            "color": "brackethighlighter.curly",
            "style": "outline"
        },
        "round": {
            "icon": "round_bracket",
            "color": "brackethighlighter.round",
            "style": "underline"
        },
        "square": {
            "icon": "square_bracket",
            "color": "brackethighlighter.square",
            "style": "outline"
        },
        "php_angle": {
            "icon": "tag",
            "color": "brackethighlighter.php_angle",
            "style": "highlight"
        },
        "angle": {
            "icon": "angle_bracket",
            "color": "brackethighlighter.angle",
            "style": "underline"
        },
        "tag": {
            "icon": "tag",
            "color": "brackethighlighter.tag",
            "style": "highlight"
        },
        "c_define": {
            "icon": "hash",
            "color": "brackethighlighter.c_define",
            "style": "underline"
        },
        "single_quote": {
            "icon": "single_quote",
            "color": "brackethighlighter.quote",
            "style": "underline"
        },
        "double_quote": {
            "icon": "double_quote",
            "color": "brackethighlighter.quote",
            "style": "underline"
        },
        "regex": {
            "icon": "regex",
            "color": "brackethighlighter.quote",
            "style": "underline"
        }
    }

请根据您所使用的配色方案来对文件进行设置
我个人的配置文件:Seti.tmTheme


<!-- BEGIN Bracket Highlighter plugin color modifications -->

<dict>
    <key>name</key>
    <string>Bracket PHP_Angle</string>
    <key>scope</key>
    <string>brackethighlighter.php_angle</string>
    <key>settings</key>
    <dict>
        <key>foreground</key>
        <string>#D69CFF</string>
    </dict>
</dict>
<dict>
    <key>name</key>
    <string>Bracket Tag</string>
    <key>scope</key>
    <string>brackethighlighter.tag</string>
    <key>settings</key>
    <dict>
    	<key>background</key>
        <string>#009FFF</string>
        <key>foreground</key>
        <string>#FFF</string>
    </dict>
</dict>
<dict>
    <key>name</key>
    <string>Bracket Curly</string>
    <key>scope</key>
    <string>brackethighlighter.curly</string>
    <key>settings</key>
    <dict>
        <key>foreground</key>
        <string>#DD35D1</string>
    </dict>
</dict>
<dict>
    <key>name</key>
    <string>Bracket Round</string>
    <key>scope</key>
    <string>brackethighlighter.round</string>
    <key>settings</key>
    <dict>
        <key>foreground</key>
        <string>#FFCC66</string>
    </dict>
</dict>
<dict>
    <key>name</key>
    <string>Bracket Square</string>
    <key>scope</key>
    <string>brackethighlighter.square</string>
    <key>settings</key>
    <dict>
        <key>foreground</key>
        <string>#009FFF</string>
    </dict>
</dict>
<dict>
    <key>name</key>
    <string>Bracket Angle</string>
    <key>scope</key>
    <string>brackethighlighter.angle</string>
    <key>settings</key>
    <dict>
        <key>foreground</key>
        <string>#F99157</string>
    </dict>
</dict>
<dict>
    <key>name</key>
    <string>Bracket Quote</string>
    <key>scope</key>
    <string>brackethighlighter.quote</string>
    <key>settings</key>
    <dict>
        <key>foreground</key>
        <string>#99CC99</string>
    </dict>
</dict>
<dict>
    <key>name</key>
    <string>Bracket Unmatched</string>
    <key>scope</key>
    <string>brackethighlighter.unmatched</string>
    <key>settings</key>
    <dict>
        <key>foreground</key>
        <string>#F2777A</string>
    </dict>
</dict>

<!-- END Bracket Highlighter plugin color modifications -->

You may also like...

4 回复

  1. 说道:

    博主这个配置好的界面我很喜欢,但是我小白一枚,能不能告诉我一下,这个怎么设置,或者你给的配置文件怎么用,不胜感激啊!!

    • 熊猫侠说道:

      bh_core.sublime-settings的文件位置: Sublime TextDataPackagesBracketHighlighterbh_core.sublime-settings,这个文件主要是定义高亮符合的样式
      Seti.tmTheme的文件位置: Sublime TextDataPackagesSeti_UXSeti.tmTheme,这个文件是主题配置文件,这个文件修改的是配色.

      最终效果就看你自己发挥了,加油! 😆 🙂 😎

  2. well说道:

    来看看

  1. 2020年10月11日

    […] 关于这个插件的设置可以参考《Sublime text3插件BracketHighlighter彩色配置》 便携版中已经添加了我的自定义设置,可根据自己的喜好修改 […]

发表评论

电子邮件地址不会被公开。 必填项已用*标注