18

我对 Github 的新编辑器非常满意。不幸的是，定制它并不容易。我想创建自己的语法突出显示主题，因为我对那些可供下载的主题不满意（至少它们似乎不适用于 Java）

现在要设置样式的文件（语法变量、color.less 等）似乎位于：

~/.atom/ .../packages (if you want to change existing themes)

问题只是我不知道哪个（CSS）类样式了语法的哪些元素。有没有一个地方可以让我查看如何更改例如变量类型声明的颜色？

4

3 回答 3

28

是的，您可以通过使用命令atom --dev或使用菜单在开发人员模式下启动 Atom View > Developer > Open in Dev Mode ...。当您这样做时，您可以右键单击 UI 中的任何元素并Inspect Element从上下文菜单中进行选择，就像在 Web 浏览器中一样。

此外，对于语法元素，您可以：

  1. 将文本光标放在要设置样式的项目上
  2. Cmd+Alt+P在 OS X上按，Ctrl+Alt+Shift+P在其他平台上，或在命令面板中找到“Editor: Log Cursor Scope”以显示语法元素的范围

语法元素的范围直接转换为 CSS 类。

于 2014-06-27T16:32:46.637 回答
6

Ctrl+Shift+I您可以通过按下（在 linux 中测试）并突出显示任何元素来使用 chromium 网络控制台。之后，通过按下Edit->Open Your Stylesheet并为具有 LESS 语法的元素添加样式来打开您的样式表。

例如：

您想要粗体突出显示类和函数名称。如果您选择带有 chromium-console 的类，您可以看到它有类.name

您应该在样式表文件中添加如下内容：

atom-text-editor::shadow .name{
    font-weight: bold
}

您可以创建自己的主题。在 Atom 中，这并不困难——按下Ctrl+Shift+P并输入"Generate Syntax Theme"。在新主题中，您可以从其他主题复制一些代码。如果你不知道 CSS/LESS - 别担心！您的新主题在style名为colors.less. 您可以更改它或在 base.less 文件上编写新的颜色规则。

Atom 有很棒的文档，您可以在此页面中阅读有关创建主题的信息https://atom.io/docs/v1.4.2/hacking-atom-creating-a-theme

于 2016-02-02T12:47:37.630 回答
1

对于其他因为您的语言无法识别文件类型的突出显示而来到这里的其他人：

  • 打开~/.atom/config.cson文件（按 CTRL+SHIFT+p：键入“打开配置”）

  • 在下面添加/编辑一个customFileTypes部分core，例如：

    core:
  customFileTypes:
    "source.lua": [
      "conf"
    ]
    "text.html.php": [
      "thtml"
    ]

（您可以在语言包设置中找到语言范围名称（“source.lua”、“text.html.php”...），请参见此处）

于 2018-07-13T09:00:18.797 回答