I'm using atom editor version 1.0 stable in ubuntu 14.04. my question is, How can I change the background colour of currently selected window tab... (means current tab..) by editing style.less file?
I tried,
.tab{ background-color:black; }
to change the tab color,
but, this code only changed all tab colors except current tab color.
So my question is, how can I change the color of current tab in atom editor by editing style.less file?
STEP 1: With your browser open, click on a new tab by clicking the plus sign just to the right of the open tabs. STEP 2: When the new tab is visible, the “Customize” button will appear on the bottom right. STEP 3: The Customize window will pop up. Along the left side, select “Color and Theme”.
Open a file written in the language that you want to specify the colors for in Atom. Put the cursor at the characters in an element that you want to change the color, pressing Ctrl + Alt + Shift + P (Windows …
To do this, open settings by clicking Atom > Preferences > Editor. Scroll down to Tab Length and change the 'Tab Length' from 2 (default) to 4. In addition, set the 'Tab Type' to soft so that spaces are added (not a tab character) when the tab key is pressed.
.tab-bar .tab[data-type="TextEditor"]::after {
background-color: rgba(20,28,30,0.8);
}
I found this solution by opening developer tools Ctrl+Shift+I, and finding an element by using magnifier tool.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With