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

Cobalt​2 Flat Theme

by r3volution11 ST3 Trending

A Flat Sublime Text Theme for The Cobalt2 Color Scheme by Wes Bos (@wesbos)

Details

Installs

  • Total 14K
  • Win 7K
  • OS X 5K
  • Linux 2K
Sep 24 Sep 23 Sep 22 Sep 21 Sep 20 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
Windows 7 7 17 9 16 10 6 11 5 4 6 10 5 12 6 11 3 9 7 8 8 5 3 3 7 8 13 14 8 5 4 4 9 8 10 3 13 9 8 12 8 7 11 2 11 5
OS X 7 4 6 4 9 4 6 4 1 6 2 7 4 5 6 1 4 1 6 6 6 0 5 4 3 7 5 1 1 1 5 5 6 2 5 3 3 3 5 3 5 8 3 1 2 3
Linux 3 4 1 3 3 6 1 2 2 5 4 3 3 2 4 1 1 0 3 3 2 5 4 3 2 2 4 5 3 2 2 1 1 2 6 2 3 1 1 3 1 4 1 1 3 4

Readme

Source
raw.​githubusercontent.​com

Cobalt2 Flat Theme

A flat blue-centric yet colorful theme for Sublime Text 3 built to be used with the beautiful Cobalt2 color scheme created by Wes Bos.

Installation

Package Control

The easiest and best method is to use Sublime Package Control. Install via the Package Control: Install Package menu item. Select Theme-Cobalt2-Flat in the packages list.

Download Manually

Download the latest release and unzip.

Copy to your Sublime Text packages folder located in Sublime Text by selecting the menu item Sublime Text -> Preferences -> Browse Packages.

Cloning Manually

git clone "https://github.com/r3volution11/Theme-Cobalt2-Flat" "Theme - Cobalt2 Flat"

How to Activate

Open your preferences (Preferences -> Setting - User) and add or replace the theme setting with this exact line (case sensitive):

"theme": "Theme-Cobalt2-Flat.sublime-theme"

Options

Accent Colors

Set different accent colors. More in development. “json "cobalt2_accent_blue”: true, “cobalt2_accent_green”: true, “cobalt2_accent_magenta”: true, “cobalt2_accent_mint”: true, “cobalt2_accent_mono”: true, “cobalt2_accent_orange”: true, “cobalt2_accent_yellow”: true

#### Sidebar Font Size
Change the sidebar's font size by using these settings in your user config:
```json
"cobalt2_sidebar_font_big": true,
"cobalt2_sidebar_font_small": true

Sidebar Padding

Adjust the sidebar's padding by using these settings in your user config: “json "cobalt2_sidebar_medium”: true, “cobalt2_sidebar_large”: true, “cobalt2_sidebar_xlarge”: true

#### Tab Size
Make Tab Size Smaller
```json
"cobalt2_small_tab": true

Recommended Settings

These are the settings presented in the screenshot above. I find them helpful with productivity and appearance. I highly recommend Operator Mono as a coding font.

"bold_folder_labels": true,
"caret_extra_bottom": 2,
"caret_extra_top": 2,
"caret_extra_width": 3,
"caret_style": "phase",
"fade_fold_buttons": false,
"font_face": "Operator Mono",
"highlight_line": true,
"highlight_modified_tabs": true,
"indent_guide_options":
  [
    "draw_normal",
    "draw_active"
  ],
"line_padding_bottom": 2,
"line_padding_top": 1,
"wide_caret": true,

Theme Creation

Cobalt2 Flat was also inspired by the great Material Theme by Mattia Astorino. Many thinks to him and all who contributed.

To make my first theme I created a Sublime Text Theme Template in Sketch. If you're thinking of making your own theme feel free to grab it. I hope it will be as helpful for you as it was for me.

Feedback

I welcome any feedback, recommendations or issues you may have. Please let me know by creating an issue.

Roadmap

  • Create Initial Standard Theme ✔️
  • Create More Color Accent Options ✔️
  • Possibly Create Tab & Folder Animations
  • Possibly Create Light Version