Atom（编辑器）：修改现有主题并另存为新主题答案

【问题标题】：Atom (editor): modify existing theme and save as a new oneAtom（编辑器）：修改现有主题并另存为新主题
【发布时间】：2016-01-13 19:23:16
【问题描述】：

我不想从头开始创建整个主题。

我想使用现有的主题。
我想对一些元素进行一些小的样式更改（例如颜色）。
我不想将更改保存在原始主题中，而是保存在其副本中。

例如。

我已经安装了Bade3 Notepad 主题。
我喜欢 notepad++ 的突出显示，但发现灰色字符串太亮了。
根据Syntax Highlighting Guide for Atom Syntax Highlighting Guide for Atom 我已经在开发者模式下运行了Atom。
我打开的文件包含一些带引号的字符串。
右键单击一些带引号的字符串并选择检查元素
在样式选项卡中，我更改了颜色值

.string.quoted.php { 颜色：#8b8b8b； }
这些更改已应用于实际示例代码，因此我可以调整颜色。
假设我对 #107000 没问题

现在我希望保存这些更改。

【问题讨论】：

标签： atom-editor

【解决方案1】：

您可以通过您的个人样式表实现此目的，而无需创建或编辑主题。

您的“样式表Ctrl-Shift-P 并输入Application: Open Your Style Sheet。

将在 Atom 中打开一个类似于以下内容的文件：

// style the background color of the tree view
.tree-view {
  // background-color: whitesmoke;
}

// style the background and foreground colors on the atom-text-editor-element itself
atom-text-editor {
  // color: white;
  // background-color: hsl(180, 24%, 12%);
}

// To style other content in the text editor's shadow DOM, use the ::shadow expression
atom-text-editor::shadow {
  // Add Your Styles Here
}

在atom-text-editor::shadow {（第13行）和结束}（第15行）之间的区域添加您更改的样式：
```
.string.quoted.php { color: #8b8b8b; }
```
保存样式表并检查它在您的编辑器中是否按预期工作，无需重新加载或重新启动编辑器。

注意：如果您在 Atom 设置中未选中 Use Shadow DOM 复选框，通过 Ctrl-, 访问，那么您需要把你的样式放在atom-text-editor {（第7行）和结束}（第10行）之间。尝试在启用 Shadow DOM 的情况下使用 Atom，因为禁用它的选项将在未来版本中消失。

这是一个简短的动画，介绍了我为使其在 Atom 1.8 Beta 中工作所采取的步骤：

【讨论】：

很高兴知道这个“Ctrl-Shift-P”魔法和“应用程序：打开你的样式表”！在最近的 Atom 版本中，打开的 styles.less 是空的，您只需按原样添加自定义样式。