Soda Theme - New Sublime Text 2 UI theme

[Kronuz]

Having trouble making it work on Mac OS X: http://imagebin.org/163864

[buymeasoda]

Thanks everyone for the positive feedback

Only the new tab behavior (hiding the close button and fading instead of elide) does not work with the theme.

I've been curious about the fade vs. elide thing, but not sure how to replicate it. On my install (Beta Build: 2083, Mac OS X), the tabs drop downwards when closed. Is that different to what happens for you? Is there a configuration settings to toggle that?

Just small request - label color of search buttons is white, why?
http://grab.by/azc9

Button text will be themeable in the next dev build, btw

Yeah, that bothers me too. I tried every setting I could find, but no luck. Jon looks to be adding it to the themeing system in the next build which is great news.

What color scheme are you using in the screens?

The code syntax scheme is "Espresso tutti colori", which is a ported TextMate theme originally based on the Espresso Editor default theme.

I've added notes and links for the colour scheme file to the project readme.

Having trouble making it work on Mac OS X: http://imagebin.org/163864

Did you place the "Theme - Soda" folder in your "Packages/User" directory? That screenshot is a familiar sight, saw it a lot while trying to understanding the themeing system The red is rendered when it can't find the images. If you put the theme in "Packages" instead of "Packages/User", it would have the wrong path to the theme images.

[Kronuz]

Yes! That was the problem :-p ...I had put the theme in the Packages folder, not Packages/User

The theme is awesome! It's very nice buttons, tabs and icons, I love it... however, I generally like dark colors. Is there any way you can make a Dark Soda? That has dark colors like the default theme... Only using those nicer icons and tabs? ...do you have a psd file you could share?

[caio]

+1 for dark theme.

[senzo]

I've been curious about the fade vs. elide thing, but not sure how to replicate it. On my install (Beta Build: 2083, Mac OS X), the tabs drop downwards when closed. Is that different to what happens for you? Is there a configuration settings to toggle that?

That wasn't what i meant

Here the close button is only visible by rollover and the text fades out at the right side of the tab (both are new features for versions 2081 and 2082):

tab_standard.png (5.04 KiB) Viewed 3074 times

If i change to your theme it looks like this. The text fades at the right side but the close button is always visible:

tab_fade.png (5.48 KiB) Viewed 3072 times

After i restart sublime text it looks like this. The text doesn't fade anymore but includes an ellipses ("..."):

tab_elide.png (4.97 KiB) Viewed 3078 times

[jps]

I suspect this comes from Soda.sublime-theme being derived from the default theme that shipped with build 2076, but there have been a few changes to the default theme in the dev builds since then, to fade the tab labels and do a few other things.

A summary of the changes:

tab_control

Changed the content margin, and added the max_margin_trim, which allows it to shrink the content margin when space is tight:

Code: Select all

"content_margin": [20, 4, 20, 4],
"max_margin_trim": 4,


tab_label

Added the fade property, which will cause the labels to fade rather than elide:

Code: Select all

"fade": true


tabset_control

This has been setup to assign the mouse_wheel_switch property based on the mouse_wheel_switches_tabs setting:

Code: Select all

{
    "class": "tabset_control",
    ...
    "mouse_wheel_switch": false
}

{
    "class": "tabset_control",
    "settings": ["mouse_wheel_switches_tabs"],
    "mouse_wheel_switch": true
},


tab_close_button

Now uses unpadded_cross.png, and the content margin has changed from [8, 8] to [5, 8, 4, 8], i.e., it's now 9px wide rather than 16px wide.

Also, tab close buttons are now hidden by default, and shown only if the show_tab_close_buttons setting is true. This is done via:

Code: Select all

{
    "class": "tab_close_button",
    ....
    "content_margin": [0, 0]
}

{
    "class": "tab_close_button",
    "settings": ["show_tab_close_buttons"],
    "content_margin": [5, 8, 4, 8]
}


[jps]

Note that if you apply these changes to the theme, then it'll require build 2083 or later to work as expected. The next non-dev build will be out in a week or two.

[jps]

There's a further change in 2084 now: the sidebar headings now have their font style assigned by the theme, so if you'd like them to remain bold, you'll need:

Code: Select all

{
    "class": "sidebar_heading",
    "color": [96, 110, 128],
    "font.bold": true
},


Also, the buttons in 2084 should now pick up the label colour as desired - they're no longer hard coded to white (!).

[rdougan]

Great theme. Good work!

@jps

Is it possible to add some text-shadow to some of the text properties? (sidebar_label, sidebar_heading, label_control, etc.). Would finish it off nicely.

Also, right now I don't think you can change the main window background color:

[oriceon]

Good job!