Really dig the theme, but I thought it might be handy to show the color scheme by how it appears when writing HTML, CSS, JS, and other file types.

I'd happily contribute the screenshots on my Mac if you wish to include them.

This is a really good-looking color scheme, but since I'm a vim user, I wonder if there is a plan to make a vim version of this color scheme?

Change .name to .syntax--name.

In gloom/index.less:

Starting from Atom v1.13.0, the contents of atom-text-editor elements are no longer encapsulated within a shadow DOM boundary. This means you should stop using :host and ::shadow pseudo-selectors, and prepend all your syntax selectors with syntax--. To prevent breakage with existing style sheets, Atom will automatically upgrade the following selectors:

• atom-text-editor, :host => atom-text-editor,atom-text-editor

• atom-text-editor .gutter, :host .gutter => atom-text-editor .gutter,atom-text-editor .gutter

• atom-text-editor .gutter .line-number.cursor-line, :host .gutter .line-number.cursor-line => atom-text-editor .gutter .line-number.cursor-line,atom-text-editor .gutter .line-number.cursor-line

• atom-text-editor .gutter .line-number.cursor-line-no-selection, :host .gutter .line-number.cursor-line-no-selection => atom-text-editor .gutter .line-number.cursor-line-no-selection,atom-text-editor .gutter .line-number.cursor-line-no-selection

• atom-text-editor .wrap-guide, :host .wrap-guide => atom-text-editor .wrap-guide,atom-text-editor .wrap-guide

• atom-text-editor .indent-guide, :host .indent-guide => atom-text-editor .indent-guide,atom-text-editor .indent-guide

• atom-text-editor .invisible-character, :host .invisible-character => atom-text-editor .invisible-character,atom-text-editor .invisible-character

• atom-text-editor .search-results .marker .region, :host .search-results .marker .region => atom-text-editor .search-results .syntax--marker .region,atom-text-editor .search-results .syntax--marker .region

• atom-text-editor .search-results .marker.current-result .region, :host .search-results .marker.current-result .region => atom-text-editor .search-results .syntax--marker.current-result .region,atom-text-editor .search-results .syntax--marker.current-result .region

• atom-text-editor.is-focused .cursor, :host(.is-focused) .cursor => atom-text-editor.is-focused .cursor,atom-text-editor .cursor

• atom-text-editor.is-focused .selection .region, :host(.is-focused) .selection .region => atom-text-editor.is-focused .selection .region,atom-text-editor .selection .region

• atom-text-editor.is-focused .line-number.cursor-line-no-selection, atom-text-editor.is-focused .line.cursor-line, :host(.is-focused) .line-number.cursor-line-no-selection, :host(.is-focused) .line.cursor-line => atom-text-editor.is-focused .line-number.cursor-line-no-selection, atom-text-editor.is-focused .line.cursor-line,atom-text-editor .line-number.cursor-line-no-selection,atom-text-editor .line.cursor-line

• atom-text-editor::shadow .bracket-matcher .region => atom-text-editor.editor .bracket-matcher .region

• .comment => .syntax--comment

• .string => .syntax--string

• .constant.numeric => .syntax--constant.syntax--numeric

• .constant.language, .constant.character, .constant.other => .syntax--constant.syntax--language, .syntax--constant.syntax--character, .syntax--constant.syntax--other

• .variable => .syntax--variable

• .keyword => .syntax--keyword

• .storage => .syntax--storage

• .storage.type => .syntax--storage.syntax--type

• .entity.name.class => .syntax--entity.syntax--name.syntax--class

• .entity.other.inherited-class => .syntax--entity.syntax--other.syntax--inherited-class

• .entity.name.function => .syntax--entity.syntax--name.syntax--function

• .variable.parameter => .syntax--variable.syntax--parameter

• .entity.name.tag => .syntax--entity.syntax--name.syntax--tag

• .entity.other.attribute-name => .syntax--entity.syntax--other.syntax--attribute-name

• .support.function, .support.constant => .syntax--support.syntax--function, .syntax--support.syntax--constant

• .support.type, .support.class => .syntax--support.syntax--type, .syntax--support.syntax--class

• .invalid, .invalid.deprecated => .syntax--invalid, .syntax--invalid.syntax--deprecated

• .invalid.deprecated => .syntax--invalid.syntax--deprecated

Automatic translation of selectors will be probably automatically removed in a few release cycles to minimize startup time. Please, make sure to upgrade the above selectors as soon as possible.

至少markdown标题（# title）应该有点颜色区分吧

Deprecated selectors, just like #2.

NOTE TO SELF; Don't use WebInspector class names.

I love this syntax theme, and thanks for your nice work. I'm curious about the ui theme in your screenshot.

[Enter steps to reproduce:]

1. ...
2. ...

Atom: 1.17.0 x64
Electron: 1.3.15
OS: Mac OS X 10.12.4
Thrown From: gloom package 0.5.2

Stack Trace

Failed to activate the gloom theme

At malformed import statement in /Users/Ruby/.atom/packages/gloom/styles/base.less:157:0

LessError: malformed import statement
  at /packages/gloom/styles/base.less:157:0

Commands

Non-Core Packages

atom-material-syntax 1.0.6 
atom-material-ui 2.0.3 
babel-react-syntax 1.2.0 
click-link 1.0.10 
editorconfig 2.2.2 
file-type-icons 1.3.4 
gloom 0.5.2 
go-config 1.2.4 
go-get 2.1.1 
gofmt 1.2.0 
insert-timestamp 0.2.4 
language-apache 1.7.0 
language-api-blueprint 1.0.2 
language-babel 2.62.0 
language-gitignore 0.3.0 
language-haml 0.24.3 
language-htaccess 0.1.1 
language-svg 0.9.2 
pigments 0.39.1 
todo-show 1.11.0 
zalton-syntax 1.3.0 

My OS is Ubuntu 16.10 yakkety and the Atom version is 1.12.9

Big fan of this theme, but today I realized that the theme can get confused when async is added in front of def when defining a function in Python.

Example:

When I put variables in strings in haml (ruby) the #{} aren't highlighted, I love your theme so much, this is my only issue, how can I fix it?

json 文件的配色，key和value一个颜色，看起来是不是区别不明显

Hello! Thanks for sharing such a great theme.

I've made this guy for my personal Chrome. Just want to share with you @hejrobin.
I don't have a chrome store account ($5 to create one :/), so it's on a different store.
Any bugs, ideas or improvements, let me know.

Source Code.

Hello!

Since updating to 0.4.2 highlighting is 'plain white'. I've tried reloading the window/restarting Atom completely, but it does not seem to be working.

Atom v. 1.12.9 macOS 10.12.2

Would ❤️ to see a vscode version of this!

In gloom\index.less:

Starting from Atom v1.13.0, the contents of atom-text-editor elements are no longer encapsulated within a shadow DOM boundary. This means you should stop using :host and ::shadow pseudo-selectors, and prepend all your syntax selectors with syntax--. To prevent breakage with existing style sheets, Atom will automatically upgrade the following selectors:

• .tree-view:focus li.directory.selected.status-added > .list-item::after => .tree-view:focus li.syntax--directory.selected.status-added > .list-item::after

• .tree-view:focus li.directory.selected.status-added > .list-item::before, .tree-view:focus li.directory.selected.status-added > .list-item .name => .tree-view:focus li.syntax--directory.selected.status-added > .list-item::before, .tree-view:focus li.syntax--directory.selected.status-added > .list-item .syntax--name

• .tree-view:focus li:not(.list-nested-item).selected.status-added .name, .tree-view:focus li.list-nested-item > .list-item.selected.status-added .name => .tree-view:focus li:not(.list-nested-item).selected.status-added .syntax--name, .tree-view:focus li.list-nested-item > .list-item.selected.status-added .syntax--name

• .tree-view:focus li.directory.selected.status-modified > .list-item::after => .tree-view:focus li.syntax--directory.selected.status-modified > .list-item::after

• .tree-view:focus li.directory.selected.status-modified > .list-item::before, .tree-view:focus li.directory.selected.status-modified > .list-item .name => .tree-view:focus li.syntax--directory.selected.status-modified > .list-item::before, .tree-view:focus li.syntax--directory.selected.status-modified > .list-item .syntax--name

• .tree-view:focus li:not(.list-nested-item).selected.status-modified .name, .tree-view:focus li.list-nested-item > .list-item.selected.status-modified .name => .tree-view:focus li:not(.list-nested-item).selected.status-modified .syntax--name, .tree-view:focus li.list-nested-item > .list-item.selected.status-modified .syntax--name

Automatic translation of selectors will be removed in a few release cycles to minimize startup time. Please, make sure to upgrade the above selectors as soon as possible.

Selected item not full width and wrong color on new git changes.

After the recent update to version 0.4.2 there is NO Syntax Highlighting. Any reason why that could be?