Wie ändere ich gerade die Farbe des aktiven Fensters im Atom-Editor?

Ich benutze Atomeditor Version 1.0 stabil in ubuntu 14.04. meine Frage ist, Wie kann ich die Hintergrundfarbe der aktuell ausgewählten Fenster Registerkarte ändern ... (bedeutet aktuelle Registerkarte ..) durch Bearbeiten style.less Datei?Wie ändere ich gerade die Farbe des aktiven Fensters im Atom-Editor?

Ich habe versucht,

.tab{ background-color:black; }

die Registerkarte Farbe zu ändern,

aber dieser Code geändert nur alle Register Farben außer aktuellen Registerkarte Farbe.

also meine Frage ist, wie kann ich die Farbe der aktuellen Registerkarte in Atom-Editor ändern, indem Sie style.less Datei bearbeiten?

Quelle

2015-07-22 shivaraj

Bei der Auswahl Registerkarte eine Klasse hinzufügen = "Tab aktiv"

und unten Art Ihrer style.less Datei

.tab.active { 
    background-color:black; 
}

Quelle

2015-07-22 16:40:22

** nicht funktioniert ** :( – shivaraj

können Sie fiddlejs bieten url –

ich kann nicht verstehen, was Sie sagen ..... ** fiddlejs Mittel ** – shivaraj

.tab-bar .tab[data-type="TextEditor"]::after { 
    background-color: rgba(20,28,30,0.8); 
}

ich diese Lösung Ctrl durch Öffnen Entwickler-Tool gefunden + Shift + I, und Suchen eines Elements mit dem Vergrößerungswerkzeug.

Quelle

2015-09-12 05:46:12 mudasobwa

Bitte denken Sie darüber nach, einige Details zu Ihrer Antwort hinzufügen .. –

Sie müssen diesen Code kopieren und Ihre styles.less-Datei einfügen, das war's.

Quelle

2016-03-16 12:56:39 daGo

Oft öffne ich mehrere Fenster und habe Registerkarten in allen von ihnen. Mit mehreren Scheiben kommt mehrere aktive Registerkarten. Die anderen Antworten hier formatieren die Registerkarte "aktiv" in allen Bereichen und nicht speziell auf die Registerkarte, die Sie ausgewählt haben.

Das Problem ist selector specificity.

Hier ist ein Weg, um gezielt nur das gewünschte Register, nicht ausgewählt haben, zielen ganz gleich, wie viele Scheiben Sie haben offen:

Ihre Atom Befehl Palette öffnen (auf einer MAC-shift + cmd + p) und die Suche nach 'Stil'.

Wählen Sie die Option für 'Anwendung: Öffnen Sie Ihr Stylesheet'.

Dieses Stil:

.pane.active { 
    .tab.active { 
     background-color: #00BCD4; 
    } 
}

Speichern Sie die style.less Blatt und die Änderungen sehen!

Hinweis: Dies wurde während der Verwendung der Atom Material UI theme getestet, obwohl es egal sein sollte, welches Thema Sie verwenden.

Quelle

2017-02-02 21:29:01

[@Jason Awbrey] (https://Stackoverflow.com/users/6024754/jason-awbrey) - In Atom 1.17 ist es nicht mehr möglich, '.pane.active' zu verwenden, da die' .active' Klasse nur dann hinzugefügt wird, wenn Es gibt eine geteilte Scheibe. In Chrome 60 wird eine Pseudo-Klasse ': focus-within' eingeführt, dann sollte es möglich sein, etwas wie' .pane: focus-in .tab.active' zu verwenden - bitte editiere deine Antwort entsprechend :) – DotBot

Keiner von denen funktionierte für mich. Hier war meine Lösung (Atom 1.22.1):

.tab-bar .tab.active[data-type$="Editor"] { 
background-color: #167373; 
}

Quelle

2017-12-08 18:44:46 Rafe

Und wenn pinned verwendet wird tabs Paket, '.tab.pinned.active [Datentypen $ =" Editor "] {' –

, dass meine Lösung 1.23 für Atom ist. 1 Datei> Stylesheed> styles.less

.texteditor.tab.sortable.active::before, .texteditor.tab.sortable.active, .texteditor.tab.sortable.active::after { 
     background-image: -webkit-linear-gradient(top, #35404a, #4A7FB2); 
}

einen schönen blauen Gradienten.

Quelle

2017-12-27 10:17:32

Wie ändere ich gerade die Farbe des aktiven Fensters im Atom-Editor?

Antwort

Verwandte Themen