ctrl+shift+p filters: :st2 :st3 :win :osx :linux
Browse

Theme - Soda

by buymeasoda ST2/ST3 Top 25

Dark and light custom UI themes for Sublime Text

Labels theme

Details

Installs

  • Total 733K
  • Win 378K
  • OS X 226K
  • Linux 129K
May 26 May 25 May 24 May 23 May 22 May 21 May 20 May 19 May 18 May 17 May 16 May 15 May 14 May 13 May 12 May 11 May 10 May 9 May 8 May 7 May 6 May 5 May 4 May 3 May 2 May 1 Apr 30 Apr 29 Apr 28 Apr 27 Apr 26 Apr 25 Apr 24 Apr 23 Apr 22 Apr 21 Apr 20 Apr 19 Apr 18 Apr 17 Apr 16 Apr 15 Apr 14 Apr 13 Apr 12 Apr 11
Windows 188 205 206 206 234 113 121 188 169 217 215 212 143 92 196 191 219 199 222 135 148 210 233 216 228 137 152 166 201 238 236 213 221 118 128 191 226 214 210 165 141 155 171 234 201 193
OS X 39 59 66 58 54 22 47 56 65 73 85 69 48 49 75 66 84 60 62 35 48 67 68 73 81 51 40 48 77 65 67 87 65 60 47 54 76 71 69 76 37 62 62 83 95 77
Linux 43 54 47 49 54 18 36 41 53 61 71 54 34 27 40 48 60 51 54 45 28 51 45 40 64 38 32 39 27 48 49 60 48 30 50 45 51 52 63 47 36 52 57 55 49 59

Readme

Source
raw.​githubusercontent.​com

Soda Theme

Dark and light custom UI themes for Sublime Text 2 and Sublime Text 3.

Project site: http://buymeasoda.github.com/soda-theme/

Design

Soda Light Theme

Soda Dark Theme

Installation

Soda theme is designed to work with the latest development builds of Sublime Text, including Sublime Text 2 and Sublime Text 3.

Using Sublime Package Control

If you are using Will Bond's excellent Sublime Package Control, you can easily install Soda Theme via the Package Control: Install Package menu item. The Soda Theme package is listed as Theme - Soda in the packages list.

Using Git

Alternatively, if you are a git user, you can install the theme and keep up to date by cloning the repo directly into your Packages directory in the Sublime Text application settings area.

You can locate your Sublime Text Packages directory by using the menu item Preferences -> Browse Packages....

While inside the Packages directory, clone the theme repository using the command below:

git clone https://github.com/buymeasoda/soda-theme/ "Theme - Soda"

Download Manually

  • Download the files using the GitHub .zip download option
  • Unzip the files and rename the folder to Theme - Soda
  • Find your Packages directory using the menu item Preferences -> Browse Packages...
  • Copy the folder into your Sublime Text Packages directory

Activating the theme

To configure Sublime Text to use the theme, follow the instructions below for your specific version.

Sublime Text 2

  • Open your User Settings Preferences file Sublime Text 2 -> Preferences -> Settings - User
  • Add (or update) your theme entry to be "theme": "Soda Light.sublime-theme" or "theme": "Soda Dark.sublime-theme"

Example Sublime Text 2 User Settings

{
    "theme": "Soda Light.sublime-theme"
}

Sublime Text 3

  • Open your User Settings Preferences file Sublime Text -> Preferences -> Settings - User
  • Add (or update) your theme entry to be "theme": "Soda Light 3.sublime-theme" or "theme": "Soda Dark 3.sublime-theme"

Example Sublime Text 3 User Settings

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

Additional Features

Alternate Tab Styles

Soda Theme ships with two alternate UI tab styles.

By default, a square tab style is used. If you'd prefer to use the original curved tab style, add the following custom setting to your Settings - User file:

"soda_classic_tabs": true

Soda Tab Styles

Sidebar Folder Icons

Soda Theme has folder icons by default with Sublime Text 3.

If you'd like to use folder icons in the Sublime Text 2 sidebar instead of the regular arrows, add the following custom setting to your Settings - User file:

"soda_folder_icons": true

Soda Folder Icons

Retina Resolution UI

Soda Theme has been designed to take advantage of retina resolution (high-dpi) displays. Both Soda Light and Soda Dark support retina displays.

Soda Retina

Theme Customisation

Sublime Text provides an elegant way to tweak existing themes without having to duplicate or maintain a separate copy of the original theme. If there are aspects of Soda Theme that you would like to adjust, take a look at the theme customisation wiki page.

Bonus Options

Syntax Highlighting Colour Schemes

The Soda Light screenshot uses a modified version of Espresso Tutti Colori and the Soda Dark screenshot uses a modified version of Monokai.

If you'd like to use the syntax highlighting schemes shown in the screenshots:

  • Download colour-schemes.zip
  • Unzip and place the extracted tmtheme files in the Sublime Text Packages/User folder
  • Enable the colour scheme via Preferences -> Color Scheme -> User

Code Font

The code font shown in the screenshot is Menlo.

Development

Please note, Sublime Text dev builds move quickly and changes can occur with the theme API between releases, so there may be occasions where the theme doesn't quite work with a brand new dev release.

While developing the theme, I have documented some theme challenges and ideas encountered along the way.

License

Soda Theme is licensed under the Creative Commons Attribution-ShareAlike 3.0 License. You are free to share and remix the theme, however please abide by the license terms when doing so.

The following details apply to the Creative Commons license “author specified” components:

  • Attribution example: Based on Soda Theme by Ian Hill (http://buymeasoda.com/)

  • Naming guidelines: If you create and distribute a derivative theme, please give your theme a unique and original name that does not directly include “Soda Theme” (or a close variant) in the main project title, repo name or Package Control name.