Git Product home page Git Product logo

cobalt2's Introduction

#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!

cobalt2's People

Contributors

byfd avatar caesarsol avatar danielandrews avatar gl3n avatar gornostal avatar groteworld avatar gwenzek avatar hcientist avatar hussein avatar jbrooksuk avatar jonathanwolfe avatar kyleknighted avatar markroland avatar nugged avatar petecoop avatar pokka avatar rblakejohnson avatar stephantabor avatar wesbos avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.