Skip to content
Tweaked and refined Sublime Text theme based on Cobalt2 by Wes Bos.
Branch: feature/pull-r…
Clone or download
Pull request Compare This branch is 12 commits ahead, 5 commits behind wesbos:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
ArmoryBlue 🔵 Active Files and Folders Mar 10, 2018
icons 🔵 You too, markdown Mar 10, 2018
messages 📄 Update to include accurate messages Mar 9, 2018
prefs add support for typescript file icons Aug 24, 2016
.gitignore updated markdown styles Feb 4, 2016
ArmoryBlue.sublime-theme 🔵 Make the name blue Mar 9, 2018
armory-blue.tmTheme 🔵 Update author and package name Mar 9, 2018
messages.json 📄 Update to include accurate messages Mar 9, 2018
package.json
readme.md 🔵 Read about the blue Mar 9, 2018

readme.md

ArmoryBlue

A Sublime Text theme based on Cobalt2 by Wes Bos. Imagine though, instead of yellow in all the below screenshots, that it's instead a lovely bright blue shade, as seen on Armory.io.

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

See below for more information on the original Cobalt2 theme. 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!

You can’t perform that action at this time.