Atom（編輯器）：修改現有主題並保存爲新主題

我不想從頭開始創建整個主題。Atom（編輯器）：修改現有主題並保存爲新主題

我想使用現有的主題。
我想對一些元素進行一些小的樣式更改（如顏色）。
我不想將原始主題中的更改保存在副本中。

例如，

我已經安裝了Bade3 Notepad主題。
我喜歡記事本++的高亮顯示，但發現灰色的字符串太亮。
根據Syntax Highlighting Guide for Atom Syntax Highlighting Guide for Atom我在Developer Mode中運行了Atom。
我打開的文件包含一些帶引號的字符串。
右擊一些引用的字符串，然後選擇檢查元素
在樣式的標籤我改變
顏色值
.string.quoted.php { 顏色：＃8b8b8b; }
這些更改應用於實際示例代碼，以便我可以調整顏色。
比方說，我很好＃107000

現在我想保存這個變化。

來源

2015-10-15 user2314351

您可以通過您的個人樣式表實現此功能，無需創建或編輯主題。

你的「樣式按Ctrl - 移 - P並鍵入Application: Open Your Style Sheet

的文件將在凌打開類似於此：

// 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; } 
```
保存樣式表並檢查它是否在編輯器中按預期工作，無需重新加載或重新啓動編輯器。

注：如果你有Use Shadow DOM複選框中的Atom設置不加以控制，通過按Ctrl訪問 - ，，那麼你就需要把atom-text-editor {之間的樣式（7號線）和關閉}（第10行）。在啓用Shadow DOM的情況下嘗試並使用Atom，因爲禁用它的選項將在未來的版本中消失。

這裏是一個簡短的動畫要經過的步驟我走上得到這個Atom的工作1.8 Beta版：

來源

2016-04-29 13:22:44

Atom（編輯器）：修改現有主題並保存爲新主題

回答

相關問題