css - Sublime Text 3 - CSS 属性的配色方案

Question

如何在 Sublime Text 3 中更改 CSS 属性的配色方案？

我已经修改了Monokai.tmTheme并更改了默认颜色 Library variable和 Variable .

<dict>
    <key>name</key>
    <string>Library variable</string>
    <key>scope</key>
    <string>support.other.variable</string>
    <key>settings</key>
    <dict>
        <key>fontStyle</key>
        <string>italic</string>
        <key>foreground</key>
        <string>#FFB6C1</string>
    </dict>
</dict>
<dict>
    <key>name</key>
    <string>Variable</string>
    <key>scope</key>
    <string>variable</string>
    <key>settings</key>
    <dict>
        <key>fontStyle</key>
        <string>italic</string>
        <key>foreground</key>
        <string>#FFB6C1</string>
    </dict>
</dict>

通过更改最后一个 <string>里面<dict>你可以看到here变量的默认白色更改为粉红色。

我想更改 CSS 属性的默认蓝色，但找不到其相关的标记字符串名称。

Answer 1

如您所见，这些 .tmTheme文件采用 PList XML 格式。对于配色方案，<string>在 <key>name</key> 之后实际上只是一条评论，在大多数情况下，name key 可能会完全丢失，因此最好直接查看 <string>在 <key>scope</key> 之后.

这个字符串是一个scope selector, and I have explained how they work in a separate answer .该答案的重要内容是:

In Sublime Text, you can find the scope of the character to the right of the cursor by going to the Tools menu -> Developer -> Show Scope Name.

这将向您展示完整的作用域堆栈，但通常我们只对 color scheme 的最后一个作用域感兴趣目的。比如不建议给meta上色范围，但它可以与非元范围结合使用以进行更精确的着色。见官方Scope Naming documentation了解更多详情。

(语法定义为文档中的文本分配范围，配色方案使用上述范围选择器为这些范围分配颜色。)

因此对于 CSS 属性，完整范围可能看起来像 source.css meta.property-list.css meta.property-name.css support.type.property-name.css .如果您只想为 CSS 属性更新颜色，而不是使用相同 support.type 的其他语法的其他元素作用域，那么你可以使用 support.type.property-name或 support.type.property-name.css作为范围选择器。否则，您应该会发现配色方案已经与 support 相匹配。或 support.type某处并可以更改与之关联的颜色。

就像在 CSS 中一样，scope selectors also have specificity rules ，但这与简单的单一作用域选择器基本无关。这意味着，最好检查配色方案是否已经与您要更改颜色的范围相匹配 - 如果匹配，请更新它，否则您通常可以添加一个新的 <dict>。在其他规则之后相应地朝向文件末尾。

这些的最少内容dict s 是范围，a settings子字典，通常带有 foreground放。本答案前面链接的官方配色方案文档将提供更多详细信息。

<dict>
    <key>scope</key>
    <string>support.type.property-name.css</string>
    <key>settings</key>
    <dict>
        <key>foreground</key>
        <string>#FFB6C1</string>
    </dict>
</dict>