Sublime Text 3中的不同高亮JS和CSS

debugcn 发表于 Dev

萨莎·切尔尼赫（Sasha Chernykh）

我知道如何更改javascript和CSS突出显示的颜色。我将以下字符串添加到我的活动tm.Theme文件中<array></array>：

    <dict>

    <key>name</key>

    <string>Embedded source</string>

    <key>scope</key>

    <string>text source, string.unquoted</string>

    <key>settings</key>

    <dict>

    <key>background</key>

    <string>#804A7D99</string>

    </dict>

    </dict>

结果：

紫罗兰色背景

但是，如何使JS和CSS的背景变得多样化，以便在minimap上进行引导更方便？例如：

JS-蓝色

蓝色背景

CSS —绿色

绿色背景

谢谢。

Enteleform

包括在你的下面的代码tmTheme文件来处理混合JS，CSS，和HTML。

    <dict>
        <key>name</key>
        <string>JS_Source</string>
        <key>scope</key>
        <string>source.js.embedded.html</string>
        <key>settings</key>
        <dict>
            <key>background</key>
            <string>#2D6A73</string>
            <key>foreground</key>
            <string>#7B91B9</string>
        </dict>
    </dict>

    <dict>
        <key>name</key>
        <string>CSS_Source</string>
        <key>scope</key>
        <string>source.css.embedded.html, meta.attribute-with-value.style.html source.css</string>
        <key>settings</key>
        <dict>
            <key>background</key>
            <string>#2D7333</string>
            <key>foreground</key>
            <string>#7B91B9</string>
        </dict>
    </dict>

    <dict>
        <key>name</key>
        <string>HTML_Text</string>
        <key>scope</key>
        <string>text.html</string>
        <key>settings</key>
        <dict>
            <key>background</key>
            <string>#783727</string>
            <key>foreground</key>
            <string>#7B91B9</string>
        </dict>
    </dict>

正如@KeithHall在评论中提到的，作用域的使用：

CSS:   source.css.embedded.html, meta.attribute-with-value.style.html source.css
JS:    source.js.embedded.html

将允许您将这些自定义背景色应用于HTML语法，而不会影响CSS＆JS语法。

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。

编辑于2021-06-19

我来说两句

0条评论

登录后参与评论

来自分类Dev

Sublime Text 3中的不同高亮JS和CSS

来自分类Dev

高亮显示Sublime Text 3中的列

来自分类Dev

Sublime Text 3 字体

来自分类Dev

Sublime Text中的SQLPLUS

来自分类Dev

Sublime Text中的SQLPLUS

来自分类Dev

Sublime Text中Dockerfile的语法高亮显示？

来自分类Dev

Sublime Text 3中的索引

来自分类Dev

Sublime Text 3中的JS纠正语法

来自分类Dev

完全删除Sublime Text 3

来自分类Dev

从Sublime Text 3删除语法

来自分类Dev

Sublime Text 3 Notepad ++主题

来自分类Dev

Sublime Text 3 PHP UNIT

来自分类Dev

Sublime Text 3对Rust的支持

来自分类Dev

Sublime Text 3输出Python

来自分类Dev

完全删除Sublime Text 3

来自分类Dev

Sass对Sublime Text 3的支持

来自分类Dev

Sublime Text 3上的LiveReload

来自分类Dev

Sublime Text 3后备编码

来自分类Dev

Sublime Text 3 dpkg错误

来自分类Dev

Sublime Text 3 Emmet定制

来自分类Dev

在Sublime Text中模拟警报

来自分类Dev

Sublime Text中的白色文本

来自分类Dev

Sublime Text中的自动完成

来自分类Dev

在Sublime Text中模拟警报

来自分类Dev

在Sublime Text中管理GitHub

来自分类Dev

Sublime Text 3和sublime-grunt-build

来自分类Dev

如何缩小Sublime Text 3中的html，css，js / jquery和ruby代码？

来自分类Dev

Sublime Text 2 PHP高亮显示

来自分类Dev

Sublime Text 2 PHP高亮显示

Related 相关文章

文章