Home Download Buy Blog Forum Support

How do I change the background tab color? It's too subtle

How do I change the background tab color? It's too subtle

Postby ShavinFool on Mon Feb 27, 2012 7:11 pm

See attached file. I love the default Monokai theme otherwise, but the tiny difference in color between current and background tabs has been causing me problems. All I see is the "background" setting in the them, which changes everything (foreground of document, current tab, background tabs). I just want to change the background tabs.

Thanks.
Attachments
How do I change the background tab color It's too subtle.png
How do I change the background tab color It's too subtle.png (5.81 KiB) Viewed 6687 times
ShavinFool
 
Posts: 5
Joined: Fri Jan 13, 2012 10:46 pm

Re: How do I change the background tab color? It's too subtle

Postby nick. on Mon Feb 27, 2012 9:30 pm

The UI of ST2 (tabs, sidebar, panels, etc) is controlled by the Theme. You'll need to edit the appropriate images within the /Packages/Theme - Default/ folder. You may also look at using the Soda theme, which has well documented settings files.
nick.
 
Posts: 266
Joined: Wed Jan 18, 2012 3:45 am

Re: How do I change the background tab color? It's too subtle

Postby ShavinFool on Mon Feb 27, 2012 11:34 pm

Thanks, Nick.

On Google Plus, Marek Pełka also suggested editing the PNG files in Packages\Theme - Default\ directly. I was able to get an effect. It's ugly, but it does work. If I had more time, I could make the background in the image transparent so it doesn't overlap.

http://i.imgur.com/NG1Ec.png
ShavinFool
 
Posts: 5
Joined: Fri Jan 13, 2012 10:46 pm

Re: How do I change the background tab color? It's too subtle

Postby blooberry on Mon Mar 12, 2012 5:48 am

Hi,

I just downloaded ST2 today after getting frustrated with TM for the 100th time. I'm liking what I see very much. As with TM, I immediately sought a way to make the status of tabs clearer (I think the default behavior is way too subtle for easy scanning).

Two tweaks:
- Active tabs have a bright green bar at the top to make it stand out
- Dirty files have a red/scarlet circle instead of the subtle gray circle

Below is my first crude attempt at tweaking some of the tab resource images. The above version is what I was using in TM, and the bottom is the quickie ST2 version (the green on the edges of the tab need better tapering, IMO).
If anyone is interested, I can find a way to make these available.
Attachments
tm-sublime-screenshot.png
TM and ST2 versions of altered tab appearance
tm-sublime-screenshot.png (11.5 KiB) Viewed 6538 times
blooberry
 
Posts: 4
Joined: Mon Mar 12, 2012 5:39 am

Re: How do I change the background tab color? It's too subtle

Postby talktwomey on Fri Mar 16, 2012 1:52 pm

Just replace the following files:

....\Packages\Theme - Default\medium_dark_selected_tab_bg.png
....\Packages\Theme - Default\medium_dark_unselected_tab_bg2.png

with these attached.

(works for Monokai and Solarized at least)
Attachments
medium_dark_unselected_tab_bg2.png
medium_dark_unselected_tab_bg2.png (3.42 KiB) Viewed 6397 times
medium_dark_selected_tab_bg.png
medium_dark_selected_tab_bg.png (3.95 KiB) Viewed 6393 times
talktwomey
 
Posts: 1
Joined: Fri Mar 16, 2012 1:49 pm

Re: How do I change the background tab color? It's too subtle

Postby blooberry on Tue Mar 20, 2012 2:41 pm

And now...*drumroll*...because nobody asked for it. 8-}

Maybe someone might find some of this useful. You can pick and choose any of these as drop in replacements for the current versions to make some of the important UI elements less subtle. I'm not a graphics artist (and I'm sure it shows), but this is just my attempt at improving the world, just a few small images at a time. Just make sure you back up your original versions before swapping in case you want to switch back.

Included:
* Dirty file indicator for the sidebar/file tree
* Dirty file indicator for each tab (light and dark themed versions)
Attachments
dirty_circle_light.png
Dirty file indicator for each tab (used on dark backgrounds)
dirty_circle_light.png (261 Bytes) Viewed 6323 times
dirty_circle.png
Dirty file indicator for each tab (used on light backgrounds)
dirty_circle.png (239 Bytes) Viewed 6321 times
dirty_indicator.png
Dirty file indicator for sidebar/file tree
dirty_indicator.png (200 Bytes) Viewed 6326 times
blooberry
 
Posts: 4
Joined: Mon Mar 12, 2012 5:39 am

Re: How do I change the background tab color? It's too subtle

Postby blooberry on Tue Mar 20, 2012 2:45 pm

And the active tab indicators (light, medium, medium dark and dark themes)

They don't look very different to the eye to me, but the gray line colors and shadow differences are subtle
Attachments
medium_dark_selected_tab_bg.png
ACtive tab background image for medium/dark bg themes
medium_dark_selected_tab_bg.png (1.22 KiB) Viewed 6337 times
medium_selected_tab_bg.png
Active tab background image for medium bg themes
medium_selected_tab_bg.png (1.26 KiB) Viewed 6318 times
light_selected_tab_bg.png
Active tab background image for light bg themes
light_selected_tab_bg.png (880 Bytes) Viewed 6320 times
blooberry
 
Posts: 4
Joined: Mon Mar 12, 2012 5:39 am

Re: How do I change the background tab color? It's too subtle

Postby blooberry on Tue Mar 20, 2012 2:47 pm

Final one, sorry for the spew (3 attachment limit per message)

(the taper at the edges on these have been improved over the initial screenshot I posted)
Attachments
dark_selected_tab_bg.png
Active tab background image for dark bg themes
dark_selected_tab_bg.png (885 Bytes) Viewed 6324 times
blooberry
 
Posts: 4
Joined: Mon Mar 12, 2012 5:39 am

Re: How do I change the background tab color? It's too subtle

Postby skube on Tue Mar 20, 2012 3:10 pm

This is great. Thanks blooberry. It nice to have some colour options.
skube
 
Posts: 86
Joined: Tue Feb 28, 2012 8:42 pm

Re: How do I change the background tab color? It's too subtle

Postby jbjornson on Tue Mar 20, 2012 3:35 pm

I love it. Any suggestions for getting this to work with the Soda themes?
jbjornson
 
Posts: 347
Joined: Tue Oct 27, 2009 4:25 pm
Location: Zurich, Switzerland

Next

Return to Technical Support

Who is online

Users browsing this forum: No registered users and 15 guests