Tweaked and refined Sublime Text theme based on the original cobalt.
Latest commit 25a038c Jan 18, 2017 @wesbos committed on GitHub Merge pull request #141 from JonathanWolfe/patch-9
Fix object key coloring in VS Code

readme.md

cobalt2

A Sublime Text theme based on our old blue friend cobalt.

A refined colour scheme that is easy on the eyes and takes small UI elements into account. Includes full sublime theme (sidebar, search, tabs, etc...) as well as support for SublimeLinter, git diffing and a growing number of plugins.

See below for examples. Read more at http://wesbos.com/cobalt2-theme-sublime-text-2/

Installation

  1. Open package control toolsCommand Palette and type Install Package
  2. Search for Cobalt2 and hit enter
  3. Penultimately, open PreferencesSettings - User. Add the following lines. Only the first two are required but I recommend using all of them:

    "color_scheme": "Packages/Theme - Cobalt2/cobalt2.tmTheme",
    "theme": "Cobalt2.sublime-theme",   
    "highlight_line": true,
    "indent_guide_options": [ "draw_normal", "draw_active" ],
    "highlight_modified_tabs": true,
    "line_padding_bottom": 1,
    "line_padding_top": 1,
    "wide_caret": true,
    "caret_extra_bottom": 2,
    "caret_extra_top": 2,
    "caret_extra_width": 3,
    "caret_style": "phase",
    "bold_folder_labels": true,
  4. Finally, restart Sublime for the Theme to be fully applied.

color_scheme defines how the code looks and theme defines how the sidebar, tabs, search, command palette work.

Options

Sidebar Font Size

Change the sidebar's font size by using these settings in your user config:

{
"sidebar_font_big": true,
"sidebar_font_small": true
}

Sidebar Padding

Adjust the sidebar's padding by using these settings in your user config:

{
"sidebar_medium": true,
"sidebar_large": true,
"sidebar_xlarge": true
}

Requirements

  • For sidebar icons, you need to be running the latest version of Sublime Text 3 - this feature is very new and not supported in older versions of Sublime Text.

Screenshots

Sidebar Icons

Dirty Tab and Selected Tab

Indentation Guides — Guide, Stacked Guide and Active Guide

Use "indent_guide_options": ["draw_normal", "draw_active"] for this

GitGutter Support

Autocomplete

Command Palette

GoTo Anything

Tabs, Spaces and Comments

Folding Lines

Searches

Highlighted Line

JavaScript

CSS

PHP

Ruby

Python

Markdown

Contributing

While cobalt2 covers all languages, I write mostly JavaScript and CSS so I welcome any additions for other languages.

Thanks

Some icons from Soda Theme by Ian Hill

Kyle Knight for pushing cobalt2 past the code screen and styling the entire editor.

Seti UI Atom theme for the sidebar icons

Official Colours

Yellow: #ffc600 Orange: #FF9D00 Mint: #2AFFDF Blue: #193549 Off Blue: #0D3A58 (use on variable bgs) Dusty Blue: #35434d Dark Blue: #15232D Pink: #FB94FF Light Blue: #9EFFFF

You may also like:

I also wrote the Sublime Text Power User Book and video package - if you want to become amazing with Sublime Text, check it out!