mcdonnelldean/atom-focus-white-syntax

A black text on white background theme for Atom.io, with hyper minimal coloring.

atom-focus-white-syntax's Issues

Highlighting text a little difficult to read

First of all, awesome theme and also contrib statement!

I like to code outside where glare can be an issue. This theme is prefect for that (high contrast/white background to easily see cursor). The one thing I'm having trouble with is that there is no highlight of text when you select it (line numbers becomes bold instead).

Would you be interested in a pr that adds highlighting? I was thinking than on select, the highlight would be black and all underlying text white.

Deprecated selector in `focus-white/index.less`

In focus-white/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 .invisible-character, :host .invisible-character => atom-text-editor .invisible-character,atom-text-editor .invisible-character

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

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

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

• atom-text-editor .gutter .line-number.folded, :host .gutter .line-number.folded, atom-text-editor .gutter .line-number:after, :host .gutter .line-number:after, atom-text-editor .fold-marker:after, :host .fold-marker:after => atom-text-editor .gutter .line-number.folded,atom-text-editor .gutter .line-number.folded, atom-text-editor .gutter .line-number:after,atom-text-editor .gutter .line-number:after, atom-text-editor .fold-marker:after,atom-text-editor .fold-marker:after

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

• atom-text-editor .selection .region, :host .selection .region => atom-text-editor .selection .region,atom-text-editor .selection .region

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

• .comment => .syntax--comment

• .entity => .syntax--entity

• .entity .punctuation => .syntax--entity .syntax--punctuation

• .keyword => .syntax--keyword

• .keyword.other.special-method => .syntax--keyword.syntax--other.syntax--special-method

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

• .constant => .syntax--constant

• .constant.numeric, .constant.boolean, .constant.symbol, .constant.symbol .punctuation => .syntax--constant.syntax--numeric, .syntax--constant.syntax--boolean, .syntax--constant.syntax--symbol, .syntax--constant.syntax--symbol .syntax--punctuation

• .constant.symbol.hashkey => .syntax--constant.syntax--symbol.syntax--hashkey

• .constant.symbol.hashkey .punctuation => .syntax--constant.syntax--symbol.syntax--hashkey .syntax--punctuation

• .delimiter, .brace => .syntax--delimiter, .syntax--brace

• .delimiter.period => .syntax--delimiter.syntax--period

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

• .method.name => .syntax--method.syntax--name

• .property-name => .syntax--property-name

• .invalid.illegal .unit, .operator.assignment .unit, .parameter .unit, .property-value .unit => .syntax--invalid.syntax--illegal .syntax--unit, .syntax--operator.syntax--assignment .syntax--unit, .syntax--parameter .syntax--unit, .syntax--property-value .syntax--unit

• .string => .syntax--string

• .string .constant.character.escape, .string .punctuation.string => .syntax--string .syntax--constant.syntax--character.syntax--escape, .syntax--string .syntax--punctuation.syntax--string

• .string.regexp => .syntax--string.syntax--regexp

• .string.regexp .string.regexp.arbitrary-repetition => .syntax--string.syntax--regexp .syntax--string.syntax--regexp.syntax--arbitrary-repetition

• .variable => .syntax--variable

• .variable.constant => .syntax--variable.syntax--constant

• .json .structure.dictionary > .string.quoted.double, .json .structure.dictionary > .string.quoted.double .punctuation.string => .syntax--json .syntax--structure.syntax--dictionary > .syntax--string.syntax--quoted.syntax--double, .syntax--json .syntax--structure.syntax--dictionary > .syntax--string.syntax--quoted.syntax--double .syntax--punctuation.syntax--string

• .json .structure.dictionary.value > .string.quoted.double, .json .structure.dictionary.value > .string.quoted.double .punctuation => .syntax--json .syntax--structure.syntax--dictionary.syntax--value > .syntax--string.syntax--quoted.syntax--double, .syntax--json .syntax--structure.syntax--dictionary.syntax--value > .syntax--string.syntax--quoted.syntax--double .syntax--punctuation

• .js .keyword, .js .storage.function, .js .variable.language, .js .modifier => .syntax--js .syntax--keyword, .syntax--js .syntax--storage.syntax--function, .syntax--js .syntax--variable.syntax--language, .syntax--js .syntax--modifier

• .js .constant.numeric, .js .constant.language => .syntax--js .syntax--constant.syntax--numeric, .syntax--js .syntax--constant.syntax--language

• .css .html, .css .import, .css .attribute-name => .syntax--css .syntax--html, .syntax--css .syntax--import, .syntax--css .syntax--attribute-name

• .css .string, .css .variable, .css .property-value, .css .constant => .syntax--css .syntax--string, .syntax--css .syntax--variable, .syntax--css .syntax--property-value, .syntax--css .syntax--constant

• .css .variable:first-child => .syntax--css .syntax--variable:first-child

• .css .punctuation => .syntax--css .syntax--punctuation

• .gfm .marker, .gfm .bold => .syntax--gfm .syntax--marker, .syntax--gfm .syntax--bold

• .gfm .italic => .syntax--gfm .syntax--italic

• .gfm .raw => .syntax--gfm .syntax--raw

• .gfm .punctuation, .gfm .entity, .gfm .link => .syntax--gfm .syntax--punctuation, .syntax--gfm .syntax--entity, .syntax--gfm .syntax--link

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.

Better CSS Support

Complex selectors in CSS are not styled properly. I don't think this is a bug, more a lack of capture rules on our end.

Add support for JSX

Javascript in JSX files is highlighting fine but it would be nice to have the HTML parts highlight correctly too.