Is it possible to increase the font size in tab headers?


#1

Is it possible to increase the font size of the tab headers itself? Every text in atom is clearly readable but this one, which is kind of blurry. There would be enough space to increase it, even without increasing the size of the header:

In the picture you can see the difference between the editor text and the headers?


#2

Just put something like this in your user stylesheet:

.tab-bar .tab .title {
  font-size: 14px;
}

#3

Thank you, that is working indeed and increases the size.
Still the font stays blurry, no matter what settings I try (like changing font-family) - Strangely this happens only at this place in the editor and nowhere else.


#4

I suspect -webkit-transform: skewX(-30deg) to be at fault here, it’s used to form the oblique sides of the tabs, maybe another UI theme will gives you better results.


#5

Thank you, with changing the theme it seems to get better. Not perfect but more than good enough for now.


#6

Try it :wink:

.tab-bar .tab .title {
  font-size: 18px;
  font-family: "Liberation Sans";
}