模拟 codePen twilight 主题

Emulate codePen twilight theme

我正在尝试使 sublime 文本看起来像 codepen.io 暮光之城主题。除了某些类别之外,我还能够复制它。我不知道范围的名称是什么。这是一张图片,其中包含我要更改的不同文字。

(图片中的文字是JavaScript。)

我想把紫色下划线字改成紫色,黄色改成黄色。单词的关键字(范围名称)是什么?

您示例中带黄色下划线的项目是 class 名称(JavaScript(和大多数语言)中变量名称的特例。

我认为 JS 中不存在 class 名称的语法范围。似乎它们被限定为简单变量。假设我是对的,您将需要定义自己的语法范围,也许将其称为 'className' 或类似名称。定义特征似乎是前导大写字母后跟小写字母。

然后您需要在配色方案中引用该新名称并将其设为黄色 (#FFF000) http://htmlcolorcodes.com/

紫色也是如此,您可能有一个成员或 属性 或任何可通过点符号访问的内容(基于您的示例)。同样,我认为您需要将自己的语法定义添加到要使用它的语言的语法定义文件中。正则表达式似乎是点 (.) 之后的任何字母数字,以下一个结尾点发现。该名称可能是 'dotValue' 或类似名称。然后,您需要将新语法添加到颜色主题中,使 'dotValue's 变成紫色 (#9700FF)。

在你开始做任何需要通过反复试验到达你想去的地方之前,请确保你有一个已知良好状态的语法和颜色主题的备份,这样你就可以回来随时进入安全状态,您可能会离开 rails.

您可以在 Sublime Text 3 中找到文档任何部分的作用域名称,方法是将光标紧靠其左侧,然后使用 Tools 菜单 -> Developer -> Show Scope Name,它会弹出一个小 window 显示范围,以及一个将其复制到剪贴板的按钮。此功能也可通过 Ctrl+Alt+Shift+P.