Sublime Forum

Soda Theme - New features and ST3 support

#1

Hi folks,

I’ve pushed some changes through for Soda Theme that I’d like to share.

[size=200]Folder Icons[/size]

A new setting for folder icons has been added that allows folders to be used in the sidebar instead of the arrows.

To activate this feature, add the following configuration rule to your user preferences files. User preferences can be found by going to the menu item: “Preferences -> Settings - User”.

"soda_folder_icons": true

Here is a look at the folder icons:

[size=200]Sublime Text 3 Support[/size]

The other new change is the inclusion of a theme file specifically for Sublime Text 3. This allows new theme features to be added to Soda Theme for ST3 that aren’t available in ST2.

I would have liked to keep the theme rules in a single file for both ST2 and ST3 versions, but ST2 will report console errors for theme rules it doesn’t understand, so have created an independent file.

After upgrading Soda Theme, you can enable the ST3 version with the following theme setting in your user preferences file:

Soda Light (ST3)

"theme": "Soda Light 3.sublime-theme"

Soda Dark (ST3)

"theme": "Soda Dark 3.sublime-theme"

As Sublime Text 3 is currently in beta, this theme can also be considered in beta. For the most part, the theme should not present any issues other than occasions when changes are made to the underlying ST3 theme engine or new UI features are added to the mainline that the theme does not yet have rules for.

The ST3 version of Soda Theme is up to date, save for the “Find panel has a drop down arrow to select previous items” feature added in Build 3033 (beta) and Build 3031 (dev). I will be adding this UI component to the theme shortly.

Updated Instructions

I have updated the project README and the Soda Theme site with complete details on how to configure your user settings to activate the Sublime Text 3 version.

Please take a look at the following pages for more information:

[size=200]Current Issues and Caveats[/size]

I have noticed a few caveats related to custom themes in Sublime Text 3.

Text / Widget fields are rendering incorrectly when the theme is added to “Installed Packages” (eg. via Package Control)

When using the “sublime-package” (zip) format in the “Installed Packages” directory (which is the default for Package Control), text fields for widgets and panels (eg. Find / Replace, Goto Anything, Command Panel etc), are not applying the widget colours correctly. They are instead rendered with the default theme colours.

The reason for this, is that the path for widget theme files such as “Widget - Soda Light.sublime-settings” is hardcoded to the following location:

"color_scheme": "Packages/Theme - Soda/Soda Light/Widget - Soda Light.stTheme"

However, this path is incorrect when the theme is located in the “Installed Packages” directory, causing the widget rules to not apply.

I’ve played with different path settings here, removing the fixed Packages portion, but so far my variations haven’t allowed this widget theme file to be loaded correctly for both destinations (Packages and Installed Packages).

Jon, is there something I can do to allow this to work? It may require a change to ST3 for the way ST3 treats themes widget file locations. For now the ST3 version will have gray text field backgrounds for text / widget fields.

User experience when upgrading themes via Package Control

The second thing I’ve noticed when using Package Control (alpha) to upgrade themes, is that the theme upgrading experience is less seamless than before.

When Package Control starts the process of updating a theme, it first removes the existing sublime-package theme bundle, which results in a broken UI if the theme being upgraded is currently active. The UI remains broken for the time taken to download and reinstate the updated theme package. Once the new theme is fully downloaded and replaced in the “Installed Packages” directory, Sublime attempts to reactive the theme which may work seamlessly, or only partially.

This isn’t really a bug or issue, but it is something different to the previous experience where theme files where overwritten in place and generally reapplied without much visual impact. There were occasions when this wasn’t always smooth, such as when a lot of UI graphics have changed at once, so the previous approach isn’t without its quirks.

I’m not sure what can be done about the UI theme upgrading experience, but thought it worth mentioning as it will likely be something that people notice when doing upgrades.

Jon or Will (Package Control) do you have any ideas on what could be done to minimise that impact? If there’s anything I can do to adjust things on the theme side, please let me know.

That’s it for now, hope you enjoy the theme.

Ian

0 Likes

#2

This is a bug in S3, it’ll be fixed in the next build.

0 Likes

#3

Nice one, thanks Jon

0 Likes

#4

I’m not seeing “Theme - Soda” when I use Package Control with ST3. Perhaps I’ve got Package Control looking in the wrong place?

0 Likes

#5

Not sure what the deal might be there.

Had you already added the theme manually to ST3, either by copying or cloning? It may then appear as already installed in Package Control: List Packages (which causes it to not show up as available in the other list).

0 Likes

#6

Thanks a lot for updating to ST3.

0 Likes

#7

I should have gotten around to installing this thing earlier.

Are there any known problems with customizing the theme under ST3? I’ve pasted test rules from the https://github.com/netatoo/phoenix-theme/wiki/Theme-customisation theme customisation page into a file under Packages --> User --> Soda Light 3.sublime-theme, and they have no apparent effect. (Also tried Soda.sublime-theme, and Soda Light.sublime-theme. None work.)

0 Likes

#8

[quote=“buymeasoda”]Not sure what the deal might be there.

Had you already added the theme manually to ST3, either by copying or cloning? It may then appear as already installed in Package Control: List Packages (which causes it to not show up as available in the other list).[/quote]

That must’ve been it! I’ve now got it installed. Thanks!

0 Likes

#9

[quote=“Stubblechunks”]I should have gotten around to installing this thing earlier.

Are there any known problems with customizing the theme under ST3? I’ve pasted test rules from the https://github.com/netatoo/phoenix-theme/wiki/Theme-customisation theme customisation page into a file under Packages --> User --> Soda Light 3.sublime-theme, and they have no apparent effect. (Also tried Soda.sublime-theme, and Soda Light.sublime-theme. None work.)[/quote]

I’d assume customisation should be working, but I haven’t tested it myself. Your issue may be with the directory path and naming. My understanding is you’ll need to mirror the directory name of the package to be overwritten inside the Packages directory.

For example, from the ST3 Docs on Packages: “To override a file in an existing package, just create a file with the same name under the Packages/ directory.”
sublimetext.com/docs/3/packages.html

Try something like:

Packages/Theme - Soda/Soda Light 3.sublime-theme
0 Likes

#10

Soda (Dark) is my daily driver. Love it - big thanks. I’ll “buy you a soda” anytime :smiley:

0 Likes

#11

[quote=“buymeasoda”]
Try something like:

Packages/Theme - Soda/Soda Light 3.sublime-theme [/quote]

Hmmm. That’s still not doing it. Thanks for the suggestion, though.

0 Likes

#12

[quote=“jps”]

This is a bug in S3, it’ll be fixed in the next build.[/quote]

I’m using build 3059 on OS X and seems this bug is still present. The Find/Replace fields are white using the Soda Dark theme.

0 Likes

#13

[quote=“attanze”]

This is a bug in S3, it’ll be fixed in the next build.

I’m using build 3059 on OS X and seems this bug is still present. The Find/Replace fields are white using the Soda Dark theme.[/quote]

Works fine for me, build 3061 on OS 10.9.1

0 Likes

#14

After installing Soda I have both the folder arrows and the folder icons in the sidebar. Is there a way to hide the arrows? Can’t seem to find a setting anywhere.

https://forum.sublimetext.com/t/can-we-have-an-option-to-hide-the-sidebar-disclosure-arrows/13138/1 illustrates it nicely

Thank you

0 Likes

#15

Hi

I have followed instructions and can’t get UI theme to work or the folders to display in sidebar.

Can someone please advise what I have missed?
Build 3059.

Thanks

0 Likes

#16

Sidebar Icons were introduced in build 3062, the dev builds.

0 Likes