Giter Club home page Giter Club 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 Text 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

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

cobalt2's Issues

Remove soda_classic_tabs setting

I switched from Soda to Cobalt2 and accidentally had the soda_classic_tabs setting set to true in one of my settings files. This caused Cobalt2 to use dark grey "chromium-style" tabs, which looked pretty awful. Unless you plan to style the classic tabs to match Cobalt2, I think it would be better just to disable that setting.

Error with theme, attempt to install package fails

I'm running Sublime3 Build 3083. All of a sudden, the Cobalt theme stopped working. I attempted to re-install the package, but can't find it the package manager.

Obviously a reinstall is in order, but why can't i find it in Package manager?

FWIW the Error message comes up as

Error loading colour scheme Packages/User/Color Highlighter/themes/cobalt2 (SL).tmTheme:
Error parsing plist xml: expected element name in file Packages/User/Color Highlighter/themes/cobalt2 > (SL).tmTheme on line: 479

Took a look in User Preferences and it reads:

"color_scheme": "Packages/User/SublimeLinter/cobalt2 (SL).tmTheme"

Thanks for the help!

Conflicts with Color Highlighter plugin?

First off, thanks for the great theme, I dig.

Secondly, I noticed the cobalt2 color scheme provides the result below when using the popular Color Highlighter plugin. Essentially these white-filled areas should be colored:

screen shot 2014-12-27 at 12 10 13 am

I reported it here because when I switch to any of the default color schemes, the correct colors show up. Any ideas?

Colors in PHP

In these PHP examples all words are orange, could you use different colors ?

class ExampleClass
interface ExampleInterface extends ...
abstract class AbstractExample implements ...
public function exampleFunction(...)
protected function exampleFunction(...)
private function exampleFunction(...)

Thanks !

Package Update

FYI, I have installed Cobalt2 by using Sublime Text 3's package manager.

Everyday, each time I open Sublime Text, Cobalt2 shows me that an update is available. But in fact, there is no real update. The version is the same than the original one.

Not a critical issue, but it's really annoying to see the release note appears everyday when I start working with Sublime Text.

Any idea to solve that issue ?

Does not play nice with Sublime Package Control

The Sublime Package Control is one of the greatest things a user can add to their sublime install. It allows you to get direct access various addons and packages for sublime, much like this one!

The problem is, when you download this theme directly from Package Control, it will not work since it does not name the folder 'Theme - Cobalt2', instead it is just 'Cobalt2'.

While it was easy for me to rename the folder after downloading it from the package control, it would be preferred if it worked directly with the ONLY user interaction being the adding of the two lines of JSON to the settings file.

weird textfield having white background

I'm not too sure why this is occuring on my ubuntu 14.04 and sublime 3 build 3065, but all of the textfields for this theme have the background of white:

http://puu.sh/cGv7i/3825f19610.png

I tried editing the theme and changing various things, but can't seem to figure it out. If I change the text-field.png, it changes the background behind the white background.

Any ideas?

Some keywords not displaying in the correct color

I've noticed that keywords in some languages are not showing up in orange like the other keywords. In Python the def keyword is yellow, as shown in this screenshot.

In JavaScript, var and function are yellow instead of orange, although they are keywords/reserved words. See this screenshot for an example.

Lastly, there are several keywords in Groovy that are not orange. This screenshot shows that the keywords class, def, and static are all yellow.

Is this something that can be fixed by adjusting the Cobalt2 theme, or is this an issue with what the language file considers a "keyword"? Or are the colors correct? If so, what is the reasoning for those keywords not being orange like most of the others?

Thanks!

Show file icons for "open files"

Is it possible to show file icons for the "open files" section of the sidebar? I think it would be nice to see them when Im not in a project as well. Thanks!

JSX file icon

Is there any chance to add an icon for JSX files? The Seti-ui of Atom has done it and it is helpful. Thanks.

XML Error

I get the following error when I try to set cobalt2 as my color scheme:

Error loading color scheme Packages/User/cobalt2.tmTheme: Error parsing plist xml: Error reading end tag. In file "Packages/User/cobalt2.tmTheme

Anyone else running into this?

Hide close button bug

I had "show_tab_close_buttons": false in my settings when applying the theme and got a bug where the file names where hidden, when turning it to true its show as it shoud be.

untitled

Sublime Text 3 support?

Should this theme work with Sublime Text 3? I'm getting the following errors after restarting Sublime Text 3 on Ubuntu 14.04

screenshot from 2014-11-06 10 54 24

Brighter background in 'self', this' and in function arguments

Hello,

I really like your theme and prefer its color scheme to the default Cobalt in many aspects. But the different background in this keywords... I'm not sure if this is a bug or a feature. Is it on purpose?

You can see what I mean in your own Python screenshot. Every 'self', and the function arguments in the declaration have the background a bit brighter.

screenshot

Missing file icons in sidebar.

Hi, I can't find any info on how to enable the file icons. I guess they are on by default. However I don't see any. Tried re-installing the package. Other packages installed: Emmet, Origami. Using ST3 b3065

Font in the sidebar is strange

image
Hi, I use windows 7 64bit. When i installed this theme, the font on the sidebar looks so strange. Did i miss some fonts?

No icons in sidebar

I have installed the theme through Package Control and I also added the lines below to my preference file.

"color_scheme": "Packages/Theme - Cobalt2/cobalt2.tmTheme",
"theme": "Cobalt2.sublime-theme",

It's looking like this

skarmavbild 2014-11-05 kl 15 25 41

I am running the latest version of Sublime2. No other themes installed.

Python error text fuzzy

I'm running into an issue where specifically the Red on blue color combination which designates Error in Python has what looks like aliasing issues. (On Ubuntu, if it matters) Everything else comes out crisp and clear, and this exists outside of flipping 'subpixel_antialias' in the font options.

I'm not certain that it's an issue with the theme, but I've ruled out most of the obvious options and figured I'd raise it here in case there's something I've missed.

Image attached for illustration, font size blown up to make it clearer
cobalt_fuzzy

Clojure icons aren't shown any more

Hi,

I just updated Cobalt2 Theme and Clojure icons aren't shown any more. I removed an reinstalled Cobalt2 and still the same.

Any ideas?

I'm more than happy to help in debugging or diagnosing/

Thanks.

Indentation guide displays at wrong places in Ruby

screen shot 2014-11-12 at 11 49 25 pm

Above, the caret is on line 6. I would have expected the active guide to show between the def/end for initialize, rather than where it shows which is one indentation level past the class and then goes from top to bottom on the first edge of all the methods of the class.

Is this working as designed?

(I posted this question/issue on your blog before I realized, it is more appropriate here I think. Sorry.)

No visual indication which pane is active and in focus

Hi Wes. At first thanks for the great theme and color scheme. There is only one slight flaw - but i am unsure if it would be possible to fix at all. At the moment you are unable to figure out which of the panes is actually active and in focus.

The only indication is the indent guide if the draw active option is set - but only in case you have the cursor inside a function.
screenshot

aside that both panes look identical in the screenshot. both highlight the active tab with a orange underline as well as highlight the line the cursor is in. so basically no way visually to distinguish which is the active pane. would it perhaps be possible to distinguish between an active window and a non active by the background color. use the current coloring for the active one and for all others a lighter background color? best regards Ralf

JSON key color

Could you add a separate color for the key parts of the JSON syntax?

BEM syntax support

Sublime complains about BEM indented SASS syntax like

.block {
  ...
  &__element
}

where element is highlighted as an error.

Any way to fix this ?

React JS

Hello, i'm having issues when using React JS. basically, when i write jsx (html tags), it's adding blue lines next to each tag. (i'm writing my js inside html)

Increasing font.size for the Tab bar clips the tab text

Hello,

I'm trying to increase the font size of the tab bar because my eyes aren't so great and the display has high DPI so 11px just isn't enough.

I succeeded, but now the text is clipped at the bottom. I tried fiddling with the height and margins but the clipping is unchanged. Thoughts?

Cheers,
Bogdan
screenshot26
screenshot26

Readme Type?

Step 2 off the instructions read:

  1. Download this repo, rename the folder to Theme - Cobalt2, and Drop in the Theme - Cobalt2 directory here (Right into /Preferences/)

should it not say:
2. Download this repo, rename the folder to Theme - Cobalt2, and Drop in the Theme - Cobalt2 directory here (Right into /Packages/)?

File name shifts if I change content

First I must say wow what a gorgeous theme!

I just started using it and noticed one thing that kind of breaks a great UX.
It's file name that shifts inside a tab button when document gets "dirty".

screencast 2014-11-25 11-51-58
(sorry for bad quality)

Reproducible in ST3 in Ubuntu 14.04.

JSP, pom.xml files icon

JSP files are represented by RSS-like icon - maybe it should be same icon as java.
Can you add pom.xml icon (maven build config)?

Theme doesn't look quite right when installed until restart

I had the package for some time, but only had the color_scheme turned on (because i hadn't read much of your book yet), today, I added the theme setting and the fonts (sidebar and tags) and tabs didn't look quite right. After restarting st3, it's very nice!

SCSS syntax highlight not working properly with theme

Hi there,

I've just installed this lovely theme and it's by far my favorite of all I've tried, however the SCSS syntax package doesn't seem to work well since using the theme. I have to re-select the SCSS from the language dropdown for highlighting to take effect, despite it being selected by default. Is this a known issue?

Tab Scrolling Feature Issue

When the new enable_tab_scrolling feature is set to true, it looks like this:

Screenshot

Those arrows don't have enough padding, and it looks kind of bad.

Package Control

Can you throw this together as a package for Package Control?

Also, any chance of adding Lua language?

Add support for Custom Colours in Sublime Linter

Here are the base colours:

<dict>
    <key>name</key>
    <string>SublimeLinter Annotations</string>
    <key>scope</key>
    <string>sublimelinter.annotations</string>
    <key>settings</key>
    <dict>
        <key>background</key>
        <string>#FFFFAA</string>
        <key>foreground</key>
        <string>#FFFFFF</string>
    </dict>
</dict>
<dict>
    <key>name</key>
    <string>SublimeLinter Error Outline</string>
    <key>scope</key>
    <string>sublimelinter.outline.illegal</string>
    <key>settings</key>
    <dict>
        <key>background</key>
        <string>#FF4A52</string>
        <key>foreground</key>
        <string>#FFFFFF</string>
    </dict>
</dict>
<dict>
    <key>name</key>
    <string>SublimeLinter Error Underline</string>
    <key>scope</key>
    <string>sublimelinter.underline.illegal</string>
    <key>settings</key>
    <dict>
        <key>background</key>
        <string>#FF0000</string>
    </dict>
</dict>
<dict>
    <key>name</key>
    <string>SublimeLinter Warning Outline</string>
    <key>scope</key>
    <string>sublimelinter.outline.warning</string>
    <key>settings</key>
    <dict>
        <key>background</key>
        <string>#DF9400</string>
        <key>foreground</key>
        <string>#FFFFFF</string>
    </dict>
</dict>
<dict>
    <key>name</key>
    <string>SublimeLinter Warning Underline</string>
    <key>scope</key>
    <string>sublimelinter.underline.warning</string>
    <key>settings</key>
    <dict>
        <key>background</key>
        <string>#FF0000</string>
    </dict>
</dict>
<dict>
    <key>name</key>
    <string>SublimeLinter Violation Outline</string>
    <key>scope</key>
    <string>sublimelinter.outline.violation</string>
    <key>settings</key>
    <dict>
        <key>background</key>
        <string>#ffffff33</string>
        <key>foreground</key>
        <string>#FFFFFF</string>
    </dict>
</dict>
<dict>
    <key>name</key>
    <string>SublimeLinter Violation Underline</string>
    <key>scope</key>
    <string>sublimelinter.underline.violation</string>
    <key>settings</key>
    <dict>
        <key>background</key>
        <string>#FF0000</string>
    </dict>
</dict>

Sidebar options

Hi.
How we can change font-size of sidebar?
Can we change the file icons in sidebar?

No new symlink icon

The new sidebar icons are very nice. A couple of my projects use symlinks within the directory structure, and those symlink icons are the standard black outlines. They're barely visible on the dark Cobalt sidebar background. Any chance you could add a spiffy color icon for symlinks?

missing link icons

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.