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

Theme - Sodarized

by jrolfs ALL

Dark and light custom UI themes for Sublime Text that match the Solarized color scheme

Labels theme

Details

  • 2015.10.22.20.40.03
  • github.​com
  • github.​com
  • 5 years ago
  • 2 hours ago
  • 7 years ago

Installs

  • Total 63K
  • Win 30K
  • Mac 21K
  • Linux 11K
Sep 19 Sep 18 Sep 17 Sep 16 Sep 15 Sep 14 Sep 13 Sep 12 Sep 11 Sep 10 Sep 9 Sep 8 Sep 7 Sep 6 Sep 5 Sep 4 Sep 3 Sep 2 Sep 1 Aug 31 Aug 30 Aug 29 Aug 28 Aug 27 Aug 26 Aug 25 Aug 24 Aug 23 Aug 22 Aug 21 Aug 20 Aug 19 Aug 18 Aug 17 Aug 16 Aug 15 Aug 14 Aug 13 Aug 12 Aug 11 Aug 10 Aug 9 Aug 8 Aug 7 Aug 6 Aug 5
Windows 0 1 1 2 3 2 2 1 3 2 1 2 8 2 2 2 3 2 2 5 1 4 2 4 6 3 2 6 1 4 5 4 5 6 5 3 3 6 2 5 3 3 0 1 0 3
Mac 0 2 1 3 2 1 0 2 1 1 1 1 1 1 0 0 1 1 2 1 1 1 3 0 4 3 2 0 3 0 3 0 2 0 0 0 1 1 2 0 3 2 0 1 2 0
Linux 0 2 0 1 2 1 0 1 1 0 0 1 1 1 0 1 1 2 2 0 2 1 4 1 1 0 0 1 0 0 1 0 2 0 0 1 0 1 2 1 0 0 1 0 0 1

Readme

Source
raw.​githubusercontent.​com

Sodarized

Dark and light custom UI themes for Sublime Text 2 and Sublime Text 3 (modified to match Solarized color scheme).

Project site: https://github.com/jrolfs/sodarized

Design

Sodarized Light Theme

Sodarized Dark Theme

Installation

Sodarized 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 Sodarized via the Package Control: Install Package menu item. The Sodarized package is listed as Theme - Sodarized 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/jrolfs/Sodarized.git "Theme - Sodarized"

Download Manually

  • Download the files using the GitHub .zip download option
  • Unzip the files and rename the folder to Theme - Sodarized
  • 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": "Sodarized Light.sublime-theme" or "theme": "Sodarized Dark.sublime-theme"

Example Sublime Text 2 User Settings

{
    "theme": "Sodarized 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": "Sodarized Light 3.sublime-theme" or "theme": "Sodarized Dark 3.sublime-theme"

Example Sublime Text 3 User Settings

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

Additional Features

Alternate Tab Styles

Sodarized 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

Sodarized Tab Styles

Sodarized Tab Styles

Sidebar Folder Icons

Sodarized has the ability to use folder icons in the sidebar.

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

"soda_folder_icons": true

Sodarized Folder Icons

Retina Resolution UI

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

Sodarized 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 Color Schemes

Both screenshots use a modified version of Solarized.

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

  • Download color-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 Inconsolata.

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.

Todo

1 Retina Display support is untested as I don't have a Retina display to test with :'(