模拟codePen暮光之城主题

Question

我正在努力让崇高的文字看起来像codepen.io暮光之城主题。除了某些类别，我还能复制它。我不知道范围的名称是什么。这是一张我想要改变的不同单词的图像。

（图片中的文字是JavaScript。）

我想将带紫色下划线的单词更改为紫色，将黄色更改为黄色。单词的关键字（范围名称）是什么？

Answer 1

示例中带黄色下划线的项目是类名（JavaScript中的变量名称的特殊情况（以及大多数语言）。

我不相信JS中存在类名的语法范围。它们似乎是作为简单变量的范围。假设我是对的，你将需要定义自己的语法范围，可能称之为'className'或类似。定义的特征似乎是一个领先的大写字母，后跟一个小写字母。

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

紫色也是如此，你可能有一个成员或财产或任何可通过点表示法访问的东西（基于你的例子）。我再次认为你需要将自己的语法定义添加到你想要使用它的语言的语法定义文件中。正则表达式似乎是跟随点（.）后面的任何字母数字。点找到了。名称可能是'dotValue'或类似名称。然后，您需要将新语法添加到颜色主题中，以使'dotValue为紫色（#9700FF）。

在你开始尝试通过试验和错误获得所需的任何游戏之前，请确保你已经将语法和颜色主题的备份保存在一个已知的良好状态，这样你就可以回到安全状态，你可能会离开轨道。

Answer 2

您可以在Sublime Text 3中找到文档任何部分的范围名称，方法是将光标放在其左侧，然后使用Developer菜单 - ＆gt; Show Scope Name - ＆gt; {{1}}，会弹出一个显示范围的小窗口，以及一个将其复制到剪贴板的按钮。此功能也可通过 Ctrl + Alt + Shift + P 获得。