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

Question

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

1. 我想使用现有的主题。
2. 我想为一些元素做一些小的样式更改（比如颜色）。
3. 我不想保存原始主题中的更改，而是保存在其副本中。

例如。

1. 我已经安装了Bade3 Notepad主题。
2. 我喜欢记事本++的突出显示但发现灰色字符串太亮了。
3. 根据Syntax Highlighting Guide for Atom Syntax Highlighting Guide for Atom我在开发者模式下运行Atom。
4. 我打开了包含引用字符串的文件。
5. 右键单击一些引用的字符串，然后选择 Inspect Element

6. 在样式选项卡中，我更改了

   中的颜色值

   .string.quoted.php {   颜色：＃8b8b8b; }

7. 更改将应用​​于实际示例代码，以便我可以调整颜色。

8. 我们说#10000
我很好

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

Answer 1

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

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

2. 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
   }
   

3. 在atom-text-editor::shadow {（第13行）和结束}（第15行）之间的区域中添加更改的样式：

   .string.quoted.php { color: #8b8b8b; }
   

4. 保存样式表并检查它是否在编辑器中按预期工作，无需重新加载或重新启动编辑器。

  

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

这是一个简短的动画，介绍我在Atom 1.8 Beta中使用的步骤：