在Atom文本編輯器中更改隱藏字符的顏色

Question

由於某種原因，將style添加到我的style.less文件似乎不會影響我的編輯器。我正在嘗試改變隱藏角色的顏色。如果我在我的style.less文件中使用此代碼：

atom-text-editor .invisible-character, :host .invisible-character { 
    color: purple; 
} 

我不明白顏色。如果我在開發者工具檢查，這種風格呈現，而不是

atom-text-editor .invisible-character, :host .invisible-character { 
    color: rgba(171, 178, 191, 0.15); 
} 

我不認爲我的風格在開發工具。我只是看不到如何讓我的風格適用。我無法找到顯示它的文檔。有誰知道如何做到這一點？我正在運行Atom 1.2.7

Answer 1

您必須在影子DOM的上下文中對其進行修改。

atom-text-editor::shadow .invisible-character { 
    color: purple; 
} 

現在，至少。在Atom 1.13中，它們是removing the shadow DOM，此時您應該可以使用常規選擇器來完成此操作。

/* Atom 1.13 or later */ 
atom-text-editor .invisible-character { 
    color: purple; 
}