2016-05-29 14 views
3

私はAtomを初めて使いました.Door Syntax Themeに付属のコメントスタイルをstyle.less(Atom > Stylesheet...)ファイルでカスタマイズできるかどうかは疑問でした。Atom One Darkテーマに付属のコメントスタイルをカスタマイズするにはどうすればいいですか?

.comment { 
color: @mono-3; 
font-style: italic; 

.markup.link { 
color: @mono-3; 
    } 
} 

具体的には、私はnormalfont-styleに変更したいと思いますが、私は方法を見つけるように見えることはできません、助けてください。私がテーマの、私はこれを見つけたlanguage.lessファイル内のソースコードを見上げました。ありがとう。

答えて

3

あなたはこれ以上

enter image description here

になりました。具体的

atom-text-editor.editor .syntax--comment { 
    font-style: normal; 
} 
+0

OPはこの回答を受け入れて更新する必要があります! –

3

[更新]

アトムは変更されており、受け入れられた答えは、今あなたが使うべきものです!

[旧回答]

あなたがターゲットにしようとしている要素は、テキストエディタ要素の影のDOM内にあります。

atom-text-editor::shadow .comment { 
    font-style: normal; 
} 
+0

ありがとうミシェル! –

+0

この回答にどのように到達できるか教えていただけますか? –

+0

その中には、シャドーDOMとそれをスタイルする方法について熟知している必要があります。しかし、[Atom Flight Manual customization page](http://flight-manual.atom.io/using-atom/sections/basic-customization/)の「Style Tweaks」に簡単な例があります。 –

0

を使用する必要がありますatom-text-editor::shadowを使用しないでくださいしてみてください、あなたは

にあなたの例を変更したいです
.editor, atom-text-editor::shadow { 
    .comment { 
    font-style: normal; 
    } 
} 
関連する問題