Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to change currently active window tab color in atom editor

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?

like image 220
Yuvaraj V Avatar asked Jul 22 '15 16:07

Yuvaraj V


People also ask

How do I change the color of my active tab?

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”.

How do I change the color code in an Atom?

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 …

How do I customize Atom editor?

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.


1 Answers

.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.

like image 113
Aleksei Matiushkin Avatar answered Oct 06 '22 02:10

Aleksei Matiushkin