アクティブなタブを特定の色で表示するにはどうすればよいですか？

Question

私はAtom 1.11.1を使用しています。

私はまだAtomやCSSについてはあまりよく知っていませんので、解決策を説明する際にはあまり躊躇しないでください。

私は特別なテーマをダウンロードしたくないです。

Answer 1

これは、使用しているテーマによって異なる場合がありますが、これはCobalt2のOne Darkで背景色とテキストの色を設定するのに役立ちました。 YMMVテーマに応じてアイコンやその他のものがタブに含まれる可能性があるためです。

ul.tab-bar > li.tab[is='tabs-tab'].active, 
ul.tab-bar > li.tab[is='tabs-tab'].active > div.title { 
    color: red; 
    background-color: blue; 
} 

これをスタイルシートに追加します。詳しくは、Flight Manualを参照してください。

また、本当にアップグレードする必要があります。 Atom 1.13では、Shadow DOMが削除され、カスタムスタイルの仕組みが大きく変わりました。