`, ``, and ``. +@font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace; + +@font-size-base: @font-size; +@font-size-large: ceil((@font-size-base * 1.25)); // ~18px +@font-size-small: ceil((@font-size-base * 0.85)); // ~12px + +//** Unit-less `line-height` for use in components like buttons. +@line-height-base: 1.428571429; // 20/14 +//** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc. +@line-height-computed: floor((@font-size-base * @line-height-base)); // ~20px + + +//== Components +// +//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start). + +@padding-base-vertical: 6px; +@padding-base-horizontal: 12px; + +@padding-large-vertical: 10px; +@padding-large-horizontal: 16px; + +@padding-small-vertical: 5px; +@padding-small-horizontal: 10px; + +@padding-xs-vertical: 1px; +@padding-xs-horizontal: 5px; + +@line-height-large: 1.3333333; // extra decimals for Win 8.1 Chrome +@line-height-small: 1.5; + +@border-radius-base: 4px; +@border-radius-large: 6px; +@border-radius-small: 3px; + +//** Global color for active items (e.g., navs or dropdowns). +@component-active-color: #fff; +//** Global background color for active items (e.g., navs or dropdowns). +@component-active-bg: @brand-primary; + +//** Width of the `border` for generating carets that indicator dropdowns. +@caret-width-base: 4px; +//** Carets increase slightly in size for larger components. +@caret-width-large: 5px; + + +//== Buttons +// +//## For each of Bootstrap's buttons, define text, background and border color. + +@btn-default-color: @text-color; +@btn-default-bg: @button-background-color; + +@btn-primary-color: #fff; +@btn-primary-bg: @background-color-info; + +@btn-success-color: #fff; +@btn-success-bg: @background-color-success; + +@btn-info-color: #fff; +@btn-info-bg: @background-color-info; + +@btn-warning-color: #fff; +@btn-warning-bg: @background-color-warning; + +@btn-error-color: #fff; +@btn-error-bg: @background-color-error; + +@btn-link-disabled-color: @text-color-subtle; + +// Allows for customizing button radius independently from global border radius +@btn-border-radius-base: @component-border-radius; +@btn-border-radius-large: @component-border-radius * 2; +@btn-border-radius-small: @component-border-radius / 2; + + + +//== Media queries breakpoints +// +//## Define the breakpoints at which your layout will change, adapting to different screen sizes + +@screen-sm: 768px; +@screen-sm-min: @screen-sm; + +@screen-xs-max: (@screen-sm-min - 1); + +// //== Form states and alerts +// // +// //## Define colors for form feedback states and, by default, alerts. +// +@state-success-text: #3c763d; +@state-success-bg: #dff0d8; +@state-success-border: darken(spin(@state-success-bg, -10), 5%); + +@state-info-text: #31708f; +@state-info-bg: #d9edf7; +@state-info-border: darken(spin(@state-info-bg, -10), 7%); + +@state-warning-text: #8a6d3b; +@state-warning-bg: #fcf8e3; +@state-warning-border: darken(spin(@state-warning-bg, -10), 5%); + +@state-danger-text: #a94442; +@state-danger-bg: #f2dede; +@state-danger-border: darken(spin(@state-danger-bg, -10), 5%); + + +// == List group +// +// ## + +//** Background color on `.list-group-item` +@list-group-bg: #fff; +//** `.list-group-item` border color +@list-group-border: #ddd; +//** List group border radius +@list-group-border-radius: @border-radius-base; + +//** Background color of single list items on hover +@list-group-hover-bg: #f5f5f5; +//** Text color of active list items +@list-group-active-color: @component-active-color; +//** Background color of active list items +@list-group-active-bg: @component-active-bg; +//** Border color of active list elements +@list-group-active-border: @list-group-active-bg; +//** Text color for content within active list items +@list-group-active-text-color: lighten(@list-group-active-bg, 40%); + +//** Text color of disabled list items +@list-group-disabled-color: @gray-light; +//** Background color of disabled list items +@list-group-disabled-bg: @gray-lighter; +//** Text color for content within disabled list items +@list-group-disabled-text-color: @list-group-disabled-color; + +@list-group-link-color: #555; +@list-group-link-hover-color: @list-group-link-color; +@list-group-link-heading-color: #333; + + +//== Thumbnails +// +//## + +//** Padding around the thumbnail image +@thumbnail-padding: 4px; +//** Thumbnail background color +@thumbnail-bg: @body-bg; +//** Thumbnail border color +@thumbnail-border: #ddd; +//** Thumbnail border radius +@thumbnail-border-radius: @border-radius-base; + + +//== Type +// +//## + +//** Horizontal offset for forms and lists. +@component-offset-horizontal: 180px; +//** Text muted color +@text-muted: @gray-light; +//** Abbreviations and acronyms border color +@abbr-border-color: @gray-light; +//** Headings small color +@headings-small-color: @gray-light; +//** Blockquote small color +@blockquote-small-color: @gray-light; +//** Blockquote font size +@blockquote-font-size: (@font-size-base * 1.25); +//** Blockquote border color +@blockquote-border-color: @gray-lighter; +//** Page header border color +@page-header-border-color: @gray-lighter; +//** Horizontal line color. +@hr-border: @gray-lighter; + + +//== Misc +// +//## + +//** Disabled cursor for form controls and buttons. +@cursor-disabled: not-allowed; diff --git a/static/atom.less b/static/atom.less index 14e7def8f..c0120e656 100644 --- a/static/atom.less +++ b/static/atom.less @@ -6,24 +6,15 @@ @import "./variables/ui-variables"; @import "ui-variables"; -// Octicons -@import "octicon-utf-codes"; -@import "octicon-mixins"; -@import "octicons"; +// Icons +@import "icons/octicons"; // Normalize + scaffolding @import "normalize"; @import "scaffolding"; -// Core components -@import "cursors"; -@import "panels"; -@import "docks"; -@import "panes"; -@import "syntax"; -@import "text-editor"; -@import "title-bar"; -@import "workspace-view"; +// Core UI styles +@import "core-ui/_index"; -// Atom UI library -@import "../node_modules/atom-ui/atom-ui.less"; +// Atom UI library/components +@import "atom-ui/_index"; diff --git a/static/core-ui/_index.less b/static/core-ui/_index.less new file mode 100644 index 000000000..7d21d1a72 --- /dev/null +++ b/static/core-ui/_index.less @@ -0,0 +1,11 @@ +// Atom Core UI +// These styles are part of Atom Core + +@import "cursors"; +@import "panels"; +@import "docks"; +@import "panes"; +@import "syntax"; +@import "text-editor"; +@import "title-bar"; +@import "workspace-view"; diff --git a/static/cursors.less b/static/core-ui/cursors.less similarity index 100% rename from static/cursors.less rename to static/core-ui/cursors.less diff --git a/static/docks.less b/static/core-ui/docks.less similarity index 100% rename from static/docks.less rename to static/core-ui/docks.less diff --git a/static/panels.less b/static/core-ui/panels.less similarity index 100% rename from static/panels.less rename to static/core-ui/panels.less diff --git a/static/panes.less b/static/core-ui/panes.less similarity index 100% rename from static/panes.less rename to static/core-ui/panes.less diff --git a/static/syntax.less b/static/core-ui/syntax.less similarity index 100% rename from static/syntax.less rename to static/core-ui/syntax.less diff --git a/static/text-editor.less b/static/core-ui/text-editor.less similarity index 100% rename from static/text-editor.less rename to static/core-ui/text-editor.less diff --git a/static/title-bar.less b/static/core-ui/title-bar.less similarity index 100% rename from static/title-bar.less rename to static/core-ui/title-bar.less diff --git a/static/workspace-view.less b/static/core-ui/workspace-view.less similarity index 100% rename from static/workspace-view.less rename to static/core-ui/workspace-view.less diff --git a/static/atomicons.woff b/static/icons/atomicons.woff similarity index 100% rename from static/atomicons.woff rename to static/icons/atomicons.woff diff --git a/static/octicons-2.1.2.woff b/static/icons/octicons-2.1.2.woff similarity index 100% rename from static/octicons-2.1.2.woff rename to static/icons/octicons-2.1.2.woff diff --git a/static/octicons.less b/static/icons/octicons.less similarity index 94% rename from static/octicons.less rename to static/icons/octicons.less index a9aaf05eb..58b520a57 100644 --- a/static/octicons.less +++ b/static/icons/octicons.less @@ -1,5 +1,17 @@ -@import "octicon-mixins.less"; -@import "octicon-utf-codes.less"; +@import "octicon-mixins"; + +// +// Add icon font +// -------------------------------------------------- + +@font-face { .octicon-font-legacy(); } // keep for backwards compatibility +@font-face { .octicon-font(); } +@font-face { .atomicon-font(); } // Private + + +// +// Create icons +// -------------------------------------------------- .make-icon(@name) { .icon-@{name} { .octicon(@name); } diff --git a/static/octicons.woff b/static/icons/octicons.woff similarity index 100% rename from static/octicons.woff rename to static/icons/octicons.woff diff --git a/static/index.js b/static/index.js index 7a7513683..40840f304 100644 --- a/static/index.js +++ b/static/index.js @@ -1,8 +1,4 @@ (function () { - // Eagerly require cached-run-in-this-context to prevent a circular require - // when using `NativeCompileCache` for the first time. - require('cached-run-in-this-context') - const electron = require('electron') const path = require('path') const Module = require('module') diff --git a/static/scaffolding.less b/static/scaffolding.less index ecc79b6e2..04607c5e2 100644 --- a/static/scaffolding.less +++ b/static/scaffolding.less @@ -1,13 +1,4 @@ @import "ui-variables"; -@import "octicon-mixins"; - -// -// Icon fonts -// -------------------------------------------------- - -@font-face { .octicon-font-legacy(); } // keep for backwards compatibility -@font-face { .octicon-font(); } -@font-face { .atomicon-font(); } // Private // diff --git a/static/variables/octicon-mixins.less b/static/variables/octicon-mixins.less index 8a47b6e81..3d7f27f5e 100644 --- a/static/variables/octicon-mixins.less +++ b/static/variables/octicon-mixins.less @@ -35,21 +35,21 @@ // keep for backwards compatibility .octicon-font-legacy() { font-family: 'Octicons Regular'; - src: url("octicons-2.1.2.woff") format("woff"); + src: url("icons/octicons-2.1.2.woff") format("woff"); font-weight: normal; font-style: normal; } .octicon-font() { font-family: 'Octicons Regular'; - src: url("octicons.woff") format("woff"); + src: url("icons/octicons.woff") format("woff"); font-weight: normal; font-style: normal; } .atomicon-font() { font-family: 'Octicons Regular'; - src: url('atomicons.woff') format('woff'); + src: url('icons/atomicons.woff') format('woff'); font-weight: normal; font-style: normal; } diff --git a/stylelint.config.js b/stylelint.config.js index 136c754fa..a4a755a02 100644 --- a/stylelint.config.js +++ b/stylelint.config.js @@ -9,6 +9,10 @@ module.exports = { "selector-type-no-unknown": null, "function-comma-space-after": null, // TODO: enable? "font-family-no-missing-generic-family-keyword": null, // needed for octicons (no sensible fallback) + "block-opening-brace-space-before": null, + "block-closing-brace-empty-line-before": null, + "declaration-colon-space-after": null, + "declaration-block-single-line-max-declarations": null, "declaration-empty-line-before": null, // TODO: enable? "declaration-block-trailing-semicolon": null, // TODO: enable "no-descending-specificity": null,
`. +@font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace; + +@font-size-base: @font-size; +@font-size-large: ceil((@font-size-base * 1.25)); // ~18px +@font-size-small: ceil((@font-size-base * 0.85)); // ~12px + +//** Unit-less `line-height` for use in components like buttons. +@line-height-base: 1.428571429; // 20/14 +//** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc. +@line-height-computed: floor((@font-size-base * @line-height-base)); // ~20px + + +//== Components +// +//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start). + +@padding-base-vertical: 6px; +@padding-base-horizontal: 12px; + +@padding-large-vertical: 10px; +@padding-large-horizontal: 16px; + +@padding-small-vertical: 5px; +@padding-small-horizontal: 10px; + +@padding-xs-vertical: 1px; +@padding-xs-horizontal: 5px; + +@line-height-large: 1.3333333; // extra decimals for Win 8.1 Chrome +@line-height-small: 1.5; + +@border-radius-base: 4px; +@border-radius-large: 6px; +@border-radius-small: 3px; + +//** Global color for active items (e.g., navs or dropdowns). +@component-active-color: #fff; +//** Global background color for active items (e.g., navs or dropdowns). +@component-active-bg: @brand-primary; + +//** Width of the `border` for generating carets that indicator dropdowns. +@caret-width-base: 4px; +//** Carets increase slightly in size for larger components. +@caret-width-large: 5px; + + +//== Buttons +// +//## For each of Bootstrap's buttons, define text, background and border color. + +@btn-default-color: @text-color; +@btn-default-bg: @button-background-color; + +@btn-primary-color: #fff; +@btn-primary-bg: @background-color-info; + +@btn-success-color: #fff; +@btn-success-bg: @background-color-success; + +@btn-info-color: #fff; +@btn-info-bg: @background-color-info; + +@btn-warning-color: #fff; +@btn-warning-bg: @background-color-warning; + +@btn-error-color: #fff; +@btn-error-bg: @background-color-error; + +@btn-link-disabled-color: @text-color-subtle; + +// Allows for customizing button radius independently from global border radius +@btn-border-radius-base: @component-border-radius; +@btn-border-radius-large: @component-border-radius * 2; +@btn-border-radius-small: @component-border-radius / 2; + + + +//== Media queries breakpoints +// +//## Define the breakpoints at which your layout will change, adapting to different screen sizes + +@screen-sm: 768px; +@screen-sm-min: @screen-sm; + +@screen-xs-max: (@screen-sm-min - 1); + +// //== Form states and alerts +// // +// //## Define colors for form feedback states and, by default, alerts. +// +@state-success-text: #3c763d; +@state-success-bg: #dff0d8; +@state-success-border: darken(spin(@state-success-bg, -10), 5%); + +@state-info-text: #31708f; +@state-info-bg: #d9edf7; +@state-info-border: darken(spin(@state-info-bg, -10), 7%); + +@state-warning-text: #8a6d3b; +@state-warning-bg: #fcf8e3; +@state-warning-border: darken(spin(@state-warning-bg, -10), 5%); + +@state-danger-text: #a94442; +@state-danger-bg: #f2dede; +@state-danger-border: darken(spin(@state-danger-bg, -10), 5%); + + +// == List group +// +// ## + +//** Background color on `.list-group-item` +@list-group-bg: #fff; +//** `.list-group-item` border color +@list-group-border: #ddd; +//** List group border radius +@list-group-border-radius: @border-radius-base; + +//** Background color of single list items on hover +@list-group-hover-bg: #f5f5f5; +//** Text color of active list items +@list-group-active-color: @component-active-color; +//** Background color of active list items +@list-group-active-bg: @component-active-bg; +//** Border color of active list elements +@list-group-active-border: @list-group-active-bg; +//** Text color for content within active list items +@list-group-active-text-color: lighten(@list-group-active-bg, 40%); + +//** Text color of disabled list items +@list-group-disabled-color: @gray-light; +//** Background color of disabled list items +@list-group-disabled-bg: @gray-lighter; +//** Text color for content within disabled list items +@list-group-disabled-text-color: @list-group-disabled-color; + +@list-group-link-color: #555; +@list-group-link-hover-color: @list-group-link-color; +@list-group-link-heading-color: #333; + + +//== Thumbnails +// +//## + +//** Padding around the thumbnail image +@thumbnail-padding: 4px; +//** Thumbnail background color +@thumbnail-bg: @body-bg; +//** Thumbnail border color +@thumbnail-border: #ddd; +//** Thumbnail border radius +@thumbnail-border-radius: @border-radius-base; + + +//== Type +// +//## + +//** Horizontal offset for forms and lists. +@component-offset-horizontal: 180px; +//** Text muted color +@text-muted: @gray-light; +//** Abbreviations and acronyms border color +@abbr-border-color: @gray-light; +//** Headings small color +@headings-small-color: @gray-light; +//** Blockquote small color +@blockquote-small-color: @gray-light; +//** Blockquote font size +@blockquote-font-size: (@font-size-base * 1.25); +//** Blockquote border color +@blockquote-border-color: @gray-lighter; +//** Page header border color +@page-header-border-color: @gray-lighter; +//** Horizontal line color. +@hr-border: @gray-lighter; + + +//== Misc +// +//## + +//** Disabled cursor for form controls and buttons. +@cursor-disabled: not-allowed; diff --git a/static/atom.less b/static/atom.less index 14e7def8f..c0120e656 100644 --- a/static/atom.less +++ b/static/atom.less @@ -6,24 +6,15 @@ @import "./variables/ui-variables"; @import "ui-variables"; -// Octicons -@import "octicon-utf-codes"; -@import "octicon-mixins"; -@import "octicons"; +// Icons +@import "icons/octicons"; // Normalize + scaffolding @import "normalize"; @import "scaffolding"; -// Core components -@import "cursors"; -@import "panels"; -@import "docks"; -@import "panes"; -@import "syntax"; -@import "text-editor"; -@import "title-bar"; -@import "workspace-view"; +// Core UI styles +@import "core-ui/_index"; -// Atom UI library -@import "../node_modules/atom-ui/atom-ui.less"; +// Atom UI library/components +@import "atom-ui/_index"; diff --git a/static/core-ui/_index.less b/static/core-ui/_index.less new file mode 100644 index 000000000..7d21d1a72 --- /dev/null +++ b/static/core-ui/_index.less @@ -0,0 +1,11 @@ +// Atom Core UI +// These styles are part of Atom Core + +@import "cursors"; +@import "panels"; +@import "docks"; +@import "panes"; +@import "syntax"; +@import "text-editor"; +@import "title-bar"; +@import "workspace-view"; diff --git a/static/cursors.less b/static/core-ui/cursors.less similarity index 100% rename from static/cursors.less rename to static/core-ui/cursors.less diff --git a/static/docks.less b/static/core-ui/docks.less similarity index 100% rename from static/docks.less rename to static/core-ui/docks.less diff --git a/static/panels.less b/static/core-ui/panels.less similarity index 100% rename from static/panels.less rename to static/core-ui/panels.less diff --git a/static/panes.less b/static/core-ui/panes.less similarity index 100% rename from static/panes.less rename to static/core-ui/panes.less diff --git a/static/syntax.less b/static/core-ui/syntax.less similarity index 100% rename from static/syntax.less rename to static/core-ui/syntax.less diff --git a/static/text-editor.less b/static/core-ui/text-editor.less similarity index 100% rename from static/text-editor.less rename to static/core-ui/text-editor.less diff --git a/static/title-bar.less b/static/core-ui/title-bar.less similarity index 100% rename from static/title-bar.less rename to static/core-ui/title-bar.less diff --git a/static/workspace-view.less b/static/core-ui/workspace-view.less similarity index 100% rename from static/workspace-view.less rename to static/core-ui/workspace-view.less diff --git a/static/atomicons.woff b/static/icons/atomicons.woff similarity index 100% rename from static/atomicons.woff rename to static/icons/atomicons.woff diff --git a/static/octicons-2.1.2.woff b/static/icons/octicons-2.1.2.woff similarity index 100% rename from static/octicons-2.1.2.woff rename to static/icons/octicons-2.1.2.woff diff --git a/static/octicons.less b/static/icons/octicons.less similarity index 94% rename from static/octicons.less rename to static/icons/octicons.less index a9aaf05eb..58b520a57 100644 --- a/static/octicons.less +++ b/static/icons/octicons.less @@ -1,5 +1,17 @@ -@import "octicon-mixins.less"; -@import "octicon-utf-codes.less"; +@import "octicon-mixins"; + +// +// Add icon font +// -------------------------------------------------- + +@font-face { .octicon-font-legacy(); } // keep for backwards compatibility +@font-face { .octicon-font(); } +@font-face { .atomicon-font(); } // Private + + +// +// Create icons +// -------------------------------------------------- .make-icon(@name) { .icon-@{name} { .octicon(@name); } diff --git a/static/octicons.woff b/static/icons/octicons.woff similarity index 100% rename from static/octicons.woff rename to static/icons/octicons.woff diff --git a/static/index.js b/static/index.js index 7a7513683..40840f304 100644 --- a/static/index.js +++ b/static/index.js @@ -1,8 +1,4 @@ (function () { - // Eagerly require cached-run-in-this-context to prevent a circular require - // when using `NativeCompileCache` for the first time. - require('cached-run-in-this-context') - const electron = require('electron') const path = require('path') const Module = require('module') diff --git a/static/scaffolding.less b/static/scaffolding.less index ecc79b6e2..04607c5e2 100644 --- a/static/scaffolding.less +++ b/static/scaffolding.less @@ -1,13 +1,4 @@ @import "ui-variables"; -@import "octicon-mixins"; - -// -// Icon fonts -// -------------------------------------------------- - -@font-face { .octicon-font-legacy(); } // keep for backwards compatibility -@font-face { .octicon-font(); } -@font-face { .atomicon-font(); } // Private // diff --git a/static/variables/octicon-mixins.less b/static/variables/octicon-mixins.less index 8a47b6e81..3d7f27f5e 100644 --- a/static/variables/octicon-mixins.less +++ b/static/variables/octicon-mixins.less @@ -35,21 +35,21 @@ // keep for backwards compatibility .octicon-font-legacy() { font-family: 'Octicons Regular'; - src: url("octicons-2.1.2.woff") format("woff"); + src: url("icons/octicons-2.1.2.woff") format("woff"); font-weight: normal; font-style: normal; } .octicon-font() { font-family: 'Octicons Regular'; - src: url("octicons.woff") format("woff"); + src: url("icons/octicons.woff") format("woff"); font-weight: normal; font-style: normal; } .atomicon-font() { font-family: 'Octicons Regular'; - src: url('atomicons.woff') format('woff'); + src: url('icons/atomicons.woff') format('woff'); font-weight: normal; font-style: normal; } diff --git a/stylelint.config.js b/stylelint.config.js index 136c754fa..a4a755a02 100644 --- a/stylelint.config.js +++ b/stylelint.config.js @@ -9,6 +9,10 @@ module.exports = { "selector-type-no-unknown": null, "function-comma-space-after": null, // TODO: enable? "font-family-no-missing-generic-family-keyword": null, // needed for octicons (no sensible fallback) + "block-opening-brace-space-before": null, + "block-closing-brace-empty-line-before": null, + "declaration-colon-space-after": null, + "declaration-block-single-line-max-declarations": null, "declaration-empty-line-before": null, // TODO: enable? "declaration-block-trailing-semicolon": null, // TODO: enable "no-descending-specificity": null,
+
+This theme is installed by default with Atom and can be activated by going to
+the _Themes_ section in the Settings view (`cmd-,`) and selecting it from the
+_Syntax Themes_ dropdown menu.
diff --git a/packages/solarized-dark-syntax/index.less b/packages/solarized-dark-syntax/index.less
new file mode 100644
index 000000000..3c3a0755a
--- /dev/null
+++ b/packages/solarized-dark-syntax/index.less
@@ -0,0 +1,22 @@
+// Solarized Syntax Theme
+
+@import "styles/syntax-variables.less";
+
+// Editor
+@import "styles/editor.less";
+
+// Languages
+@import "styles/syntax/_base.less";
+@import "styles/syntax/c.less";
+@import "styles/syntax/coffee.less";
+@import "styles/syntax/css.less";
+@import "styles/syntax/go.less";
+@import "styles/syntax/java.less";
+@import "styles/syntax/javascript.less";
+@import "styles/syntax/markdown.less";
+@import "styles/syntax/markup.less";
+@import "styles/syntax/php.less";
+@import "styles/syntax/python.less";
+@import "styles/syntax/ruby.less";
+@import "styles/syntax/scala.less";
+@import "styles/syntax/typescript.less";
diff --git a/packages/solarized-dark-syntax/package.json b/packages/solarized-dark-syntax/package.json
new file mode 100644
index 000000000..ae41754ae
--- /dev/null
+++ b/packages/solarized-dark-syntax/package.json
@@ -0,0 +1,11 @@
+{
+ "name": "solarized-dark-syntax",
+ "theme": "syntax",
+ "version": "1.3.0",
+ "description": "A dark syntax theme using the solarized colors",
+ "repository": "https://github.com/atom/atom",
+ "license": "MIT",
+ "engines": {
+ "atom": ">0.50.0"
+ }
+}
diff --git a/packages/solarized-dark-syntax/styles/colors.less b/packages/solarized-dark-syntax/styles/colors.less
new file mode 100644
index 000000000..93050c438
--- /dev/null
+++ b/packages/solarized-dark-syntax/styles/colors.less
@@ -0,0 +1,27 @@
+
+// Solarized color scheme
+// http://ethanschoonover.com/solarized#the-values
+
+// Background/Foreground Tones
+@base03: #002b36;
+@base02: #073642;
+
+// Content Tones
+@base01: #586e75;
+@base00: #657b83;
+@base0: #839496;
+@base1: #93a1a1;
+
+// Background/Foreground Tones
+@base2: #eee8d5;
+@base3: #fdf6e3;
+
+// Accent Colors
+@yellow: #b58900;
+@orange: #cb4b16;
+@red: #dc322f;
+@magenta: #d33682;
+@violet: #6c71c4;
+@blue: #268bd2;
+@cyan: #2aa198;
+@green: #859900;
diff --git a/packages/solarized-dark-syntax/styles/editor.less b/packages/solarized-dark-syntax/styles/editor.less
new file mode 100644
index 000000000..d46a53781
--- /dev/null
+++ b/packages/solarized-dark-syntax/styles/editor.less
@@ -0,0 +1,44 @@
+atom-text-editor {
+ color: @syntax-text-color;
+ background-color: @syntax-background-color;
+
+ .gutter {
+ color: @syntax-gutter-text-color;
+ background-color: @syntax-gutter-background-color;
+
+ .line-number {
+ &.cursor-line {
+ background-color: @syntax-gutter-background-color-selected;
+ }
+ }
+ }
+
+ .invisible-character {
+ color: @syntax-invisible-character-color;
+ }
+
+ .indent-guide {
+ color: @syntax-indent-guide-color;
+ }
+
+ .cursor {
+ border-color: @syntax-cursor-color;
+ }
+
+ .cursor-line {
+ background-color: @syntax-cursor-line;
+ }
+
+ .selection .region {
+ background-color: @syntax-selection-color;
+ }
+
+ .fold-marker:after,
+ .gutter .line-number.folded {
+ color: @magenta;
+ }
+
+ .bracket-matcher .region {
+ border-color: @magenta;
+ }
+}
diff --git a/packages/solarized-dark-syntax/styles/syntax-variables.less b/packages/solarized-dark-syntax/styles/syntax-variables.less
new file mode 100644
index 000000000..2f3a5d019
--- /dev/null
+++ b/packages/solarized-dark-syntax/styles/syntax-variables.less
@@ -0,0 +1,55 @@
+@import "colors.less";
+
+// This defines all syntax variables that syntax themes must implement when they
+// include a syntax-variables.less file.
+
+// General colors
+@syntax-text-color: @base0;
+@syntax-cursor-color: @base3;
+@syntax-selection-color: lighten(@base02, 1%);
+@syntax-selection-flash-color: @base1;
+@syntax-background-color: @base03;
+
+// Guide colors
+@syntax-wrap-guide-color: lighten(@base02, 6%);
+@syntax-indent-guide-color: lighten(@base02, 6%);
+@syntax-invisible-character-color: lighten(@base02, 6%);
+
+// For find and replace markers
+@syntax-result-marker-color: @cyan;
+@syntax-result-marker-color-selected: @base3;
+
+// Gutter colors
+@syntax-gutter-text-color: @base0;
+@syntax-gutter-text-color-selected: @base2;
+@syntax-gutter-background-color: @base02;
+@syntax-gutter-background-color-selected: lighten(@base02, 6%);
+
+// For git diff info. i.e. in the gutter
+@syntax-color-added: @green;
+@syntax-color-renamed: @blue;
+@syntax-color-modified: @yellow;
+@syntax-color-removed: @red;
+
+// For language entity colors
+@syntax-color-variable: @blue;
+@syntax-color-constant: @yellow;
+@syntax-color-property: @yellow;
+@syntax-color-value: @cyan;
+@syntax-color-function: @blue;
+@syntax-color-method: @blue;
+@syntax-color-class: @blue;
+@syntax-color-keyword: @green;
+@syntax-color-tag: @blue;
+@syntax-color-attribute: @syntax-comment-color;
+@syntax-color-import: @red;
+@syntax-color-snippet: @syntax-color-keyword;
+
+
+// Custom variables
+// Warning: Don't use in packages
+
+@syntax-comment-color: @base01;
+@syntax-subtle-color: @base00;
+@syntax-emphasized-color: @base1;
+@syntax-cursor-line: fade(lighten(@syntax-background-color, 30%), 8%); // needs to be semi-transparent
diff --git a/packages/solarized-dark-syntax/styles/syntax/_base.less b/packages/solarized-dark-syntax/styles/syntax/_base.less
new file mode 100644
index 000000000..e176941fc
--- /dev/null
+++ b/packages/solarized-dark-syntax/styles/syntax/_base.less
@@ -0,0 +1,100 @@
+.syntax--comment {
+ color: @syntax-comment-color;
+ font-style: italic;
+
+ .syntax--markup.syntax--link {
+ color: @syntax-comment-color;
+ }
+}
+
+.syntax--string {
+ color: @cyan;
+ &.syntax--regexp {
+ color: @red;
+ }
+}
+
+.syntax--constant {
+ &.syntax--numeric {
+ color: @magenta;
+ }
+ &.syntax--language {
+ color: @yellow;
+ }
+ &.syntax--character,
+ &.syntax--other,
+ &.syntax--support {
+ color: @orange;
+ }
+}
+
+.syntax--variable {
+ color: @blue;
+}
+
+.syntax--keyword {
+ color: @green;
+}
+
+.syntax--storage {
+ color: @green;
+}
+
+.syntax--meta.syntax--class {
+ color: @blue;
+}
+
+.syntax--entity {
+ &.syntax--name {
+ &.syntax--class,
+ &.syntax--function,
+ &.syntax--section,
+ &.syntax--type {
+ color: @blue;
+ }
+ }
+ &.syntax--other.syntax--attribute-name {
+ color: @syntax-subtle-color;
+ }
+}
+
+.syntax--support {
+ &.syntax--function {
+ color: @blue;
+ &.syntax--builtin {
+ color: @green;
+ }
+ }
+ &.syntax--type,
+ &.syntax--class {
+ color: @green;
+ }
+}
+
+.syntax--tag {
+ &.syntax--entity.syntax--name {
+ color: @blue;
+ }
+ &.syntax--punctuation.syntax--definition {
+ &.syntax--html,
+ &.syntax--begin,
+ &.syntax--end {
+ color: @syntax-comment-color;
+ }
+ }
+}
+
+.syntax--invalid {
+ &.syntax--deprecated {
+ color: @yellow;
+ text-decoration: underline;
+ }
+ &.syntax--illegal {
+ color: @red;
+ text-decoration: underline;
+ }
+}
+
+.syntax--none {
+ color: @syntax-text-color;
+}
diff --git a/packages/solarized-dark-syntax/styles/syntax/c.less b/packages/solarized-dark-syntax/styles/syntax/c.less
new file mode 100644
index 000000000..9a094bcad
--- /dev/null
+++ b/packages/solarized-dark-syntax/styles/syntax/c.less
@@ -0,0 +1,44 @@
+.syntax--source.syntax--c,
+.syntax--source.syntax--cpp {
+ .syntax--meta.syntax--preprocessor {
+ color: @red;
+ }
+ .syntax--keyword.syntax--control.syntax--directive {
+ color: @orange;
+ }
+ .syntax--punctuation.syntax--string {
+ color: @cyan;
+ }
+ .syntax--constant {
+ color: @orange;
+
+ &.syntax--numeric, &.syntax--language.syntax--c {
+ color: @cyan;
+ }
+ }
+ .syntax--storage {
+ color: @yellow;
+ }
+ .syntax--entity {
+ color: @syntax-text-color;
+
+ &.syntax--name.syntax--function.syntax--preprocessor {
+ color: @red;
+ }
+ }
+ .syntax--support.syntax--type {
+ color: @yellow;
+
+ &.syntax--posix-reserved {
+ color: @syntax-text-color;
+ }
+ }
+ .syntax--variable {
+ &.syntax--other.syntax--dot-access {
+ color: @syntax-text-color;
+ }
+ &.syntax--parameter.syntax--preprocessor {
+ color: @red;
+ }
+ }
+}
diff --git a/packages/solarized-dark-syntax/styles/syntax/coffee.less b/packages/solarized-dark-syntax/styles/syntax/coffee.less
new file mode 100644
index 000000000..c353f72a3
--- /dev/null
+++ b/packages/solarized-dark-syntax/styles/syntax/coffee.less
@@ -0,0 +1,58 @@
+.syntax--source.syntax--coffee {
+ .syntax--support.syntax--class {
+ color: @green;
+ }
+
+ .syntax--variable,
+ .syntax--entity.syntax--name.syntax--function,
+ .syntax--entity.syntax--name.syntax--class {
+ color: @blue;
+ }
+ .syntax--variable.syntax--parameter.syntax--function {
+ color: @syntax-text-color;
+ }
+ .syntax--variable.syntax--other.syntax--readwrite {
+ color: @green;
+ }
+
+ .syntax--storage.syntax--type.syntax--function {
+ color: @green;
+ }
+
+ .syntax--entity.syntax--name {
+ color: @syntax-text-color;
+ }
+
+ .syntax--meta.syntax--brace {
+ &.syntax--round,
+ &.syntax--square {
+ color: @syntax-text-color;
+ }
+ }
+ .syntax--meta.syntax--delimiter {
+ color: @syntax-text-color;
+ }
+
+ .syntax--storage.syntax--type.syntax--class {
+ color: @green;
+ }
+
+ .syntax--punctuation.syntax--terminator {
+ color: @syntax-text-color;
+ }
+
+ .syntax--punctuation.syntax--section.syntax--embedded {
+ color: @red;
+ }
+ .syntax--embedded.syntax--source {
+ color: @syntax-text-color;
+ }
+
+ .syntax--constant.syntax--numeric {
+ color: @magenta;
+ }
+
+ .syntax--constant.syntax--language.syntax--boolean {
+ color: @yellow;
+ }
+}
diff --git a/packages/solarized-dark-syntax/styles/syntax/css.less b/packages/solarized-dark-syntax/styles/syntax/css.less
new file mode 100644
index 000000000..8bfaf8c34
--- /dev/null
+++ b/packages/solarized-dark-syntax/styles/syntax/css.less
@@ -0,0 +1,63 @@
+.syntax--source.syntax--css {
+
+ .syntax--punctuation {
+ &.syntax--separator,
+ &.syntax--terminator {
+ color: @syntax-text-color;
+ }
+ &.syntax--property-list.syntax--begin,
+ &.syntax--property-list.syntax--end {
+ color: @red;
+ }
+ &.syntax--section.syntax--function {
+ color: @cyan;
+ }
+ }
+
+ .syntax--entity.syntax--name {
+ color: @green;
+ }
+ .syntax--attribute-name.syntax--class,
+ .syntax--id {
+ color: @blue;
+ }
+ .syntax--pseudo-element,
+ .syntax--pseudo-class {
+ color: @orange;
+ }
+
+ .syntax--property-value {
+ color: @cyan;
+ }
+ .syntax--constant.syntax--numeric {
+ color: @cyan;
+ .syntax--unit {
+ color: @cyan;
+ }
+ }
+ .syntax--rgb-value {
+ color: @cyan;
+ }
+ .syntax--support.syntax--constant {
+ color: @cyan;
+ &.syntax--media {
+ color: @red;
+ }
+ }
+
+ .syntax--keyword.syntax--important {
+ color: @red;
+ }
+
+}
+
+
+// Less/Sass should have their own files,
+// but for just a single override, here should be fine too
+
+.syntax--source.syntax--less,
+.syntax--source.syntax--scss {
+ .syntax--keyword.syntax--unit {
+ color: @cyan;
+ }
+}
diff --git a/packages/solarized-dark-syntax/styles/syntax/go.less b/packages/solarized-dark-syntax/styles/syntax/go.less
new file mode 100644
index 000000000..b12558e83
--- /dev/null
+++ b/packages/solarized-dark-syntax/styles/syntax/go.less
@@ -0,0 +1,10 @@
+.syntax--source.syntax--go {
+
+ .syntax--operator {
+ color: @syntax-text-color;
+ &.syntax--assignment {
+ color: @green;
+ }
+ }
+
+}
diff --git a/packages/solarized-dark-syntax/styles/syntax/java.less b/packages/solarized-dark-syntax/styles/syntax/java.less
new file mode 100644
index 000000000..6fa5c64a7
--- /dev/null
+++ b/packages/solarized-dark-syntax/styles/syntax/java.less
@@ -0,0 +1,47 @@
+.syntax--source.syntax--java {
+ .syntax--keyword.syntax--operator{
+ color:@green;
+ }
+ .syntax--keyword.syntax--import{
+ color: @orange;
+ }
+ .syntax--storage.syntax--modifier.syntax--import{
+ color: @syntax-comment-color;
+ }
+ .syntax--meta.syntax--class{
+ .syntax--storage.syntax--modifier{
+ color: @yellow;
+ }
+ .syntax--meta.syntax--class.syntax--identifier{
+ .syntax--entity.syntax--name.syntax--type.syntax--class{
+ color: @blue;
+ }
+ }
+ }
+ .syntax--storage.syntax--type.syntax--primitive.syntax--array{
+ color:@green;
+ }
+ .syntax--constant.syntax--numeric{
+ color:@magenta;
+ }
+ .syntax--constant.syntax--other{
+ color:@orange;
+ }
+ .syntax--storage.syntax--type{
+ color:@green;
+ }
+ .syntax--meta.syntax--method-call{
+ //@ibocon: method parameter's color
+ color:@red;
+ //@ibocon: method and variable use different hightlight
+ .syntax--meta.syntax--method{
+ color:@violet;
+ }
+ .syntax--punctuation.syntax--definition.syntax--seperator.syntax--parameter{
+ color:@green;
+ }
+ }
+ .syntax--punctuation.syntax--definition.syntax--method-parameters{
+ color: @syntax-emphasized-color;
+ }
+}
diff --git a/packages/solarized-dark-syntax/styles/syntax/javascript.less b/packages/solarized-dark-syntax/styles/syntax/javascript.less
new file mode 100644
index 000000000..ebd1e7db8
--- /dev/null
+++ b/packages/solarized-dark-syntax/styles/syntax/javascript.less
@@ -0,0 +1,128 @@
+.syntax--source.syntax--js {
+ .syntax--comma {
+ color: @syntax-text-color;
+ }
+
+ .syntax--support.syntax--class {
+ color: @green;
+ }
+
+ .syntax--entity {
+ &.syntax--name.syntax--type {
+ color: @yellow;
+ }
+ &.syntax--name {
+ color: @syntax-text-color;
+
+ &.syntax--function {
+ color: @blue;
+ }
+ }
+
+ &.syntax--name.syntax--tag {
+ color: @blue;
+ }
+
+ &.syntax--other.syntax--attribute-name {
+ color: @yellow;
+ }
+ }
+
+
+ .syntax--meta.syntax--brace {
+ color: @syntax-text-color;
+ }
+
+ .syntax--keyword {
+ color: @syntax-text-color;
+ }
+ .syntax--keyword.syntax--operator.syntax--new {
+ color: @green;
+ }
+ .syntax--keyword.syntax--control {
+ color: @orange;
+ }
+ .syntax--keyword.syntax--control.syntax--regexp {
+ color: @cyan;
+ }
+
+ .syntax--variable {
+ color: @syntax-text-color;
+ }
+ .syntax--variable.syntax--dom {
+ color: @green;
+ }
+ .syntax--delimiter + .syntax--dom {
+ color: @syntax-text-color;
+ }
+ .syntax--name {
+ color: @syntax-text-color;
+ }
+ .syntax--variable.syntax--language {
+ color: @blue;
+ }
+ .syntax--variable.syntax--parameter {
+ color: @syntax-text-color;
+ }
+
+ .syntax--regexp {
+ color: @cyan;
+ }
+
+ .syntax--support.syntax--function {
+ color: @syntax-text-color;
+ }
+ .syntax--support.syntax--constant {
+ color: @syntax-text-color;
+ }
+
+ .syntax--storage.syntax--modifier {
+ color: @yellow;
+ }
+
+ .syntax--punctuation.syntax--terminator.syntax--statement {
+ color: @syntax-text-color;
+ }
+
+ .syntax--meta.syntax--delimiter.syntax--method.syntax--period {
+ color: @syntax-text-color;
+ }
+ .syntax--meta.syntax--brace.syntax--square {
+ color: @blue;
+ }
+ .syntax--meta.syntax--brace.syntax--curly {
+ color: @blue;
+ }
+
+ .syntax--string.syntax--quoted.syntax--template {
+ .syntax--embedded.syntax--source {
+ color: @syntax-text-color;
+ & > .syntax--embedded.syntax--punctuation {
+ color: @red;
+ }
+ }
+ }
+
+ &.syntax--embedded .syntax--entity.syntax--name.syntax--tag {
+ color: @blue;
+ }
+
+ .syntax--import {
+ .syntax--control {
+ color: @orange;
+ }
+ }
+}
+
+
+// JavaScript (Rails) language-ruby-on-rails
+
+.syntax--source.syntax--js.syntax--rails {
+ .syntax--instance {
+ color: @blue;
+ }
+
+ .syntax--class {
+ color: @yellow;
+ }
+}
diff --git a/packages/solarized-dark-syntax/styles/syntax/markdown.less b/packages/solarized-dark-syntax/styles/syntax/markdown.less
new file mode 100644
index 000000000..2ca0038d9
--- /dev/null
+++ b/packages/solarized-dark-syntax/styles/syntax/markdown.less
@@ -0,0 +1,26 @@
+.syntax--md,
+.syntax--gfm {
+ .syntax--link .syntax--entity {
+ color: @violet;
+ }
+
+ .syntax--list {
+ &.syntax--ordered {
+ color: @green;
+ }
+ &.syntax--unordered {
+ color: @yellow;
+ }
+ }
+
+ .syntax--raw {
+ font-style: italic;
+ }
+
+ &.syntax--support {
+ color:@syntax-comment-color;
+ &.syntax--quote {
+ color: @violet;
+ }
+ }
+}
diff --git a/packages/solarized-dark-syntax/styles/syntax/markup.less b/packages/solarized-dark-syntax/styles/syntax/markup.less
new file mode 100644
index 000000000..f94b56f5b
--- /dev/null
+++ b/packages/solarized-dark-syntax/styles/syntax/markup.less
@@ -0,0 +1,30 @@
+.syntax--markup {
+
+ &.syntax--bold {
+ font-weight: bold;
+ }
+ &.syntax--italic {
+ font-style: italic;
+ }
+
+ &.syntax--heading {
+ color: @blue;
+ }
+
+ &.syntax--link {
+ color: @cyan;
+ }
+
+ &.syntax--deleted {
+ color: @red;
+ }
+
+ &.syntax--changed {
+ color: @yellow;
+ }
+
+ &.syntax--inserted {
+ color: @cyan;
+ }
+
+}
diff --git a/packages/solarized-dark-syntax/styles/syntax/php.less b/packages/solarized-dark-syntax/styles/syntax/php.less
new file mode 100644
index 000000000..8eb510d41
--- /dev/null
+++ b/packages/solarized-dark-syntax/styles/syntax/php.less
@@ -0,0 +1,67 @@
+.syntax--source.syntax--php {
+ .syntax--storage {
+ &.syntax--type {
+ &.syntax--class {
+ color: @yellow;
+ }
+ &.syntax--function {
+ color: @orange;
+ }
+ }
+ &.syntax--modifier {
+ color: @yellow;
+ }
+ }
+ .syntax--entity {
+ &.syntax--name {
+ &.syntax--type.syntax--class {
+ color: @syntax-text-color;
+ }
+ &.syntax--function {
+ color: @syntax-text-color;
+ }
+ }
+ &.syntax--other {
+ color: @syntax-text-color;
+ }
+ }
+ .syntax--variable {
+ color: @blue;
+ }
+ .syntax--punctuation.syntax--definition {
+ color: @syntax-text-color;
+ &.syntax--comment {
+ color: @syntax-comment-color;
+ }
+ &.syntax--array {
+ color: @red;
+ }
+ &.syntax--string {
+ color: @syntax-text-color;
+ }
+ &.syntax--variable {
+ color: @green;
+ }
+ }
+ .syntax--support.syntax--function {
+ &.syntax--construct {
+ color: @yellow;
+ }
+ &.syntax--array {
+ color: @green;
+ }
+ }
+ .syntax--keyword {
+ &.syntax--operator {
+ &.syntax--class {
+ color: @yellow;
+ }
+ &.syntax--assignment {
+ color: @green;
+ }
+ }
+ &.syntax--other {
+ color: @red;
+ }
+ }
+}
diff --git a/packages/solarized-dark-syntax/styles/syntax/python.less b/packages/solarized-dark-syntax/styles/syntax/python.less
new file mode 100644
index 000000000..ffe29ba2b
--- /dev/null
+++ b/packages/solarized-dark-syntax/styles/syntax/python.less
@@ -0,0 +1,100 @@
+.syntax--source.syntax--python {
+ .syntax--entity {
+ color: @syntax-text-color;
+
+ &.syntax--name {
+ color: @blue;
+ }
+ &.syntax--other {
+ color: @blue;
+ }
+ }
+
+ .syntax--function {
+ color: @blue;
+
+ &.syntax--magic {
+ color: @blue;
+ }
+ }
+
+ .syntax--punctuation.syntax--string {
+ color: @cyan;
+ }
+ .syntax--keyword {
+ &.syntax--operator {
+ color: @syntax-text-color;
+ &.syntax--quantifier {
+ color: @cyan;
+ }
+ &.syntax--logical {
+ color: @green;
+ }
+ }
+ &.syntax--control.syntax--import {
+ color: @orange;
+ }
+ &.syntax--other {
+ color: @green;
+ }
+ }
+ .syntax--constant {
+ &.syntax--language {
+ color: @blue;
+ }
+ &.syntax--character {
+ color: @cyan;
+ }
+ &.syntax--other {
+ color: @red;
+ }
+ }
+
+ .syntax--entity.syntax--name.syntax--type.syntax--class {
+ color: @blue;
+ }
+ .syntax--variable {
+ color: @syntax-text-color;
+ }
+ .syntax--support {
+ &.syntax--function.syntax--builtin {
+ color: @blue;
+ }
+ &.syntax--type {
+ &.syntax--exception.syntax--python {
+ color: @yellow;
+ }
+ &.syntax--python {
+ color: @blue;
+ }
+ }
+ }
+ .syntax--storage.syntax--type.syntax--string {
+ color: @cyan;
+ }
+
+ .syntax--storage.syntax--type.syntax--class {
+ color: @green;
+ &.syntax--todo {
+ color: @magenta;
+ }
+ }
+
+ .syntax--storage.syntax--type.syntax--function {
+ color: @green;
+ }
+
+ .syntax--punctuation.syntax--definition.syntax--parameters {
+ color: @syntax-text-color;
+ }
+
+ .syntax--punctuation.syntax--section.syntax--function.syntax--begin {
+ color: @syntax-text-color;
+ }
+
+ .syntax--punctuation.syntax--separator.syntax--parameters {
+ color: @syntax-text-color;
+ }
+
+
+}
diff --git a/packages/solarized-dark-syntax/styles/syntax/ruby.less b/packages/solarized-dark-syntax/styles/syntax/ruby.less
new file mode 100644
index 000000000..3e3d8b58c
--- /dev/null
+++ b/packages/solarized-dark-syntax/styles/syntax/ruby.less
@@ -0,0 +1,129 @@
+.syntax--source.syntax--ruby {
+
+ .syntax--meta.syntax--embedded {
+ .syntax--punctuation.syntax--section {
+ color: @red;
+ }
+ }
+ .syntax--punctuation.syntax--definition {
+ color: @syntax-text-color;
+ &.syntax--string {
+ color: @red;
+ }
+ }
+ .syntax--punctuation.syntax--definition.syntax--comment {
+ color: @syntax-comment-color;
+ }
+ .syntax--entity.syntax--inherited-class {
+ color: @yellow;
+ }
+ .syntax--variable {
+ &.syntax--parameter {
+ color: @syntax-text-color;
+ }
+ }
+ .syntax--variable.syntax--constant {
+ color: @yellow;
+ }
+ .syntax--constant.syntax--boolean {
+ color: @cyan;
+ }
+ .syntax--instance {
+ .syntax--punctuation.syntax--definition {
+ color: @blue;
+ }
+ }
+ .syntax--class {
+ color: @yellow;
+ &.syntax--control {
+ color: @syntax-text-color;
+ }
+ }
+ .syntax--module {
+ color: @yellow;
+ }
+ .syntax--require {
+ .syntax--keyword.syntax--other.syntax--special-method {
+ color: @orange;
+ }
+ }
+ .syntax--keyword.syntax--other.syntax--special-method {
+ color: @orange;
+ }
+ .syntax--keyword.syntax--other {
+ color: @green;
+ }
+ .syntax--keyword.syntax--control {
+ color: @green;
+ }
+ .syntax--keyword.syntax--operator {
+ color: @syntax-text-color;
+ }
+ .syntax--special-method {
+ color: @blue;
+ }
+ .syntax--symbol {
+ color: @cyan;
+ .syntax--punctuation.syntax--definition {
+ color: @cyan;
+ }
+ }
+ .syntax--hashkey {
+ color: @red;
+ .syntax--punctuation.syntax--definition {
+ color: @red;
+ }
+ }
+ .syntax--string.syntax--regexp {
+ color: @red;
+ }
+ .syntax--todo {
+ color: @magenta;
+ }
+ .syntax--variable.syntax--ruby.syntax--global {
+ color: @blue;
+ .syntax--punctuation {
+ color: @blue;
+ }
+ }
+ .syntax--variable.syntax--block {
+ color: @blue;
+ }
+ .syntax--variable.syntax--self {
+ color: @cyan;
+ }
+ .syntax--punctuation.syntax--separator {
+ color: @syntax-text-color;
+ }
+ .syntax--numeric {
+ color: @cyan;
+ }
+ .syntax--punctuation.syntax--section.syntax--regexp {
+ color: @red;
+ }
+ .syntax--string.syntax--interpolated {
+ color: @cyan;
+ }
+ .syntax--string.syntax--interpolated {
+ .syntax--embedded.syntax--line.syntax--ruby {
+ .syntax--punctuation {
+ .syntax--source.syntax--ruby {
+ color: @red;
+ }
+ }
+ .syntax--source.syntax--ruby {
+ .syntax--punctuation.syntax--array,
+ .syntax--punctuation.syntax--function {
+ color: @syntax-text-color;
+ }
+ color: @syntax-text-color;
+ }
+ }
+ }
+ .syntax--support.syntax--function {
+ color: @syntax-text-color;
+ }
+ .syntax--support.syntax--function.syntax--kernel {
+ color: @green;
+ }
+}
diff --git a/packages/solarized-dark-syntax/styles/syntax/scala.less b/packages/solarized-dark-syntax/styles/syntax/scala.less
new file mode 100644
index 000000000..376514087
--- /dev/null
+++ b/packages/solarized-dark-syntax/styles/syntax/scala.less
@@ -0,0 +1,79 @@
+.syntax--source.syntax--scala {
+ .syntax--variable {
+ color: @syntax-emphasized-color;
+ }
+
+ .syntax--declaration {
+ color: @syntax-emphasized-color;
+ font-weight: bold;
+ }
+ .syntax--comparison {
+ color: @syntax-emphasized-color;
+ }
+ .syntax--class, .syntax--type {
+ color: @yellow;
+ }
+ .syntax--val {
+ font-weight: normal;
+ }
+ .syntax--variable {
+ font-weight: bold;
+ }
+ .syntax--variable.syntax--parameter {
+ color: @violet;
+ font-weight: normal;
+ }
+ .syntax--control.syntax--flow {
+ color: @syntax-emphasized-color;
+ font-weight: bold;
+ }
+ .syntax--constant.syntax--language {
+ color: @syntax-emphasized-color;
+ font-weight: bold;
+ }
+ .syntax--function.syntax--declaration {
+ color: @violet;
+ }
+ .syntax--modifier.syntax--other {
+ font-weight: bold;
+ }
+ .syntax--package {
+ color: @syntax-emphasized-color;
+ }
+ .syntax--variable.syntax--import {
+ font-weight: normal;
+ }
+
+ .syntax--type {
+ .syntax--bounds, .syntax--class {
+ color: @violet;
+ }
+ }
+
+ .syntax--documentation {
+ :not(.syntax--embedded) {
+ // out of scope ?
+ // https://github.syntax--com/atom/link
+ &.syntax--link.syntax--entity {
+ color: @blue;
+ text-decoration: underline;
+ }
+ .syntax--class, .syntax--parameter {
+ color: @syntax-emphasized-color;
+ }
+ .syntax--description {
+ color: @syntax-comment-color;
+ }
+ }
+ }
+
+ .syntax--embedded {
+ color: darken(@syntax-emphasized-color, 15%);
+
+ // so we dont confused it with normal expressions
+ font-style: italic;
+ .syntax--margin, .syntax--delimiters {
+ font-style: normal;
+ }
+ }
+}
diff --git a/packages/solarized-dark-syntax/styles/syntax/typescript.less b/packages/solarized-dark-syntax/styles/syntax/typescript.less
new file mode 100644
index 000000000..1a3288073
--- /dev/null
+++ b/packages/solarized-dark-syntax/styles/syntax/typescript.less
@@ -0,0 +1,22 @@
+.syntax--source.syntax--ts,
+.syntax--source.syntax--tsx {
+ .syntax--import {
+ .syntax--control {
+ color: @orange;
+ }
+ }
+
+ .syntax--entity {
+ &.syntax--name.syntax--type {
+ color: @yellow;
+ }
+
+ &.syntax--inherited-class {
+ color: @yellow;
+ }
+ }
+
+ .syntax--support.syntax--type {
+ color: @yellow;
+ }
+}
diff --git a/packages/solarized-light-syntax/LICENSE.md b/packages/solarized-light-syntax/LICENSE.md
new file mode 100644
index 000000000..4d231b456
--- /dev/null
+++ b/packages/solarized-light-syntax/LICENSE.md
@@ -0,0 +1,20 @@
+Copyright (c) 2014 GitHub Inc.
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
diff --git a/packages/solarized-light-syntax/README.md b/packages/solarized-light-syntax/README.md
new file mode 100644
index 000000000..8a0adbd83
--- /dev/null
+++ b/packages/solarized-light-syntax/README.md
@@ -0,0 +1,9 @@
+# Solarized Light Syntax theme
+
+Atom theme using the ever popular light [solarized](http://ethanschoonover.com/solarized) colors.
+
+
+
+This theme is installed by default with Atom and can be activated by going to
+the _Themes_ section in the Settings view (`cmd-,`) and selecting it from the
+_Syntax Themes_ dropdown menu.
diff --git a/packages/solarized-light-syntax/index.less b/packages/solarized-light-syntax/index.less
new file mode 100644
index 000000000..3c3a0755a
--- /dev/null
+++ b/packages/solarized-light-syntax/index.less
@@ -0,0 +1,22 @@
+// Solarized Syntax Theme
+
+@import "styles/syntax-variables.less";
+
+// Editor
+@import "styles/editor.less";
+
+// Languages
+@import "styles/syntax/_base.less";
+@import "styles/syntax/c.less";
+@import "styles/syntax/coffee.less";
+@import "styles/syntax/css.less";
+@import "styles/syntax/go.less";
+@import "styles/syntax/java.less";
+@import "styles/syntax/javascript.less";
+@import "styles/syntax/markdown.less";
+@import "styles/syntax/markup.less";
+@import "styles/syntax/php.less";
+@import "styles/syntax/python.less";
+@import "styles/syntax/ruby.less";
+@import "styles/syntax/scala.less";
+@import "styles/syntax/typescript.less";
diff --git a/packages/solarized-light-syntax/package.json b/packages/solarized-light-syntax/package.json
new file mode 100644
index 000000000..fd13b2203
--- /dev/null
+++ b/packages/solarized-light-syntax/package.json
@@ -0,0 +1,11 @@
+{
+ "name": "solarized-light-syntax",
+ "theme": "syntax",
+ "version": "1.3.0",
+ "description": "A light syntax theme using the solarized colors",
+ "repository": "https://github.com/atom/atom",
+ "license": "MIT",
+ "engines": {
+ "atom": ">0.50.0"
+ }
+}
diff --git a/packages/solarized-light-syntax/styles/colors.less b/packages/solarized-light-syntax/styles/colors.less
new file mode 100644
index 000000000..93050c438
--- /dev/null
+++ b/packages/solarized-light-syntax/styles/colors.less
@@ -0,0 +1,27 @@
+
+// Solarized color scheme
+// http://ethanschoonover.com/solarized#the-values
+
+// Background/Foreground Tones
+@base03: #002b36;
+@base02: #073642;
+
+// Content Tones
+@base01: #586e75;
+@base00: #657b83;
+@base0: #839496;
+@base1: #93a1a1;
+
+// Background/Foreground Tones
+@base2: #eee8d5;
+@base3: #fdf6e3;
+
+// Accent Colors
+@yellow: #b58900;
+@orange: #cb4b16;
+@red: #dc322f;
+@magenta: #d33682;
+@violet: #6c71c4;
+@blue: #268bd2;
+@cyan: #2aa198;
+@green: #859900;
diff --git a/packages/solarized-light-syntax/styles/editor.less b/packages/solarized-light-syntax/styles/editor.less
new file mode 100644
index 000000000..d46a53781
--- /dev/null
+++ b/packages/solarized-light-syntax/styles/editor.less
@@ -0,0 +1,44 @@
+atom-text-editor {
+ color: @syntax-text-color;
+ background-color: @syntax-background-color;
+
+ .gutter {
+ color: @syntax-gutter-text-color;
+ background-color: @syntax-gutter-background-color;
+
+ .line-number {
+ &.cursor-line {
+ background-color: @syntax-gutter-background-color-selected;
+ }
+ }
+ }
+
+ .invisible-character {
+ color: @syntax-invisible-character-color;
+ }
+
+ .indent-guide {
+ color: @syntax-indent-guide-color;
+ }
+
+ .cursor {
+ border-color: @syntax-cursor-color;
+ }
+
+ .cursor-line {
+ background-color: @syntax-cursor-line;
+ }
+
+ .selection .region {
+ background-color: @syntax-selection-color;
+ }
+
+ .fold-marker:after,
+ .gutter .line-number.folded {
+ color: @magenta;
+ }
+
+ .bracket-matcher .region {
+ border-color: @magenta;
+ }
+}
diff --git a/packages/solarized-light-syntax/styles/syntax-variables.less b/packages/solarized-light-syntax/styles/syntax-variables.less
new file mode 100644
index 000000000..79d7b36e9
--- /dev/null
+++ b/packages/solarized-light-syntax/styles/syntax-variables.less
@@ -0,0 +1,55 @@
+@import "colors.less";
+
+// This defines all syntax variables that syntax themes must implement when they
+// include a syntax-variables.less file.
+
+// General colors
+@syntax-text-color: @base00;
+@syntax-cursor-color: @base03;
+@syntax-selection-color: @base2;
+@syntax-selection-flash-color: @base0;
+@syntax-background-color: @base3;
+
+// Guide colors
+@syntax-wrap-guide-color: darken(@base2, 12%);
+@syntax-indent-guide-color: darken(@base2, 12%);
+@syntax-invisible-character-color: darken(@base2, 12%);
+
+// For find and replace markers
+@syntax-result-marker-color: @base1;
+@syntax-result-marker-color-selected: @base03;
+
+// Gutter colors
+@syntax-gutter-text-color: @base00;
+@syntax-gutter-text-color-selected: @base03;
+@syntax-gutter-background-color: @base2;
+@syntax-gutter-background-color-selected: darken(@syntax-gutter-background-color, 10%);
+
+// For git diff info. i.e. in the gutter
+@syntax-color-added: @green;
+@syntax-color-renamed: @blue;
+@syntax-color-modified: @yellow;
+@syntax-color-removed: @red;
+
+// For language entity colors
+@syntax-color-variable: @blue;
+@syntax-color-constant: @yellow;
+@syntax-color-property: @yellow;
+@syntax-color-value: @cyan;
+@syntax-color-function: @blue;
+@syntax-color-method: @blue;
+@syntax-color-class: @blue;
+@syntax-color-keyword: @green;
+@syntax-color-tag: @blue;
+@syntax-color-attribute: @syntax-comment-color;
+@syntax-color-import: @red;
+@syntax-color-snippet: @syntax-color-keyword;
+
+
+// Custom variables
+// Warning: Don't use in packages
+
+@syntax-comment-color: @base1;
+@syntax-subtle-color: @base00;
+@syntax-emphasized-color: @base01;
+@syntax-cursor-line: fade(darken(@syntax-background-color, 30%), 15%); // needs to be semi-transparent
diff --git a/packages/solarized-light-syntax/styles/syntax/_base.less b/packages/solarized-light-syntax/styles/syntax/_base.less
new file mode 100644
index 000000000..e176941fc
--- /dev/null
+++ b/packages/solarized-light-syntax/styles/syntax/_base.less
@@ -0,0 +1,100 @@
+.syntax--comment {
+ color: @syntax-comment-color;
+ font-style: italic;
+
+ .syntax--markup.syntax--link {
+ color: @syntax-comment-color;
+ }
+}
+
+.syntax--string {
+ color: @cyan;
+ &.syntax--regexp {
+ color: @red;
+ }
+}
+
+.syntax--constant {
+ &.syntax--numeric {
+ color: @magenta;
+ }
+ &.syntax--language {
+ color: @yellow;
+ }
+ &.syntax--character,
+ &.syntax--other,
+ &.syntax--support {
+ color: @orange;
+ }
+}
+
+.syntax--variable {
+ color: @blue;
+}
+
+.syntax--keyword {
+ color: @green;
+}
+
+.syntax--storage {
+ color: @green;
+}
+
+.syntax--meta.syntax--class {
+ color: @blue;
+}
+
+.syntax--entity {
+ &.syntax--name {
+ &.syntax--class,
+ &.syntax--function,
+ &.syntax--section,
+ &.syntax--type {
+ color: @blue;
+ }
+ }
+ &.syntax--other.syntax--attribute-name {
+ color: @syntax-subtle-color;
+ }
+}
+
+.syntax--support {
+ &.syntax--function {
+ color: @blue;
+ &.syntax--builtin {
+ color: @green;
+ }
+ }
+ &.syntax--type,
+ &.syntax--class {
+ color: @green;
+ }
+}
+
+.syntax--tag {
+ &.syntax--entity.syntax--name {
+ color: @blue;
+ }
+ &.syntax--punctuation.syntax--definition {
+ &.syntax--html,
+ &.syntax--begin,
+ &.syntax--end {
+ color: @syntax-comment-color;
+ }
+ }
+}
+
+.syntax--invalid {
+ &.syntax--deprecated {
+ color: @yellow;
+ text-decoration: underline;
+ }
+ &.syntax--illegal {
+ color: @red;
+ text-decoration: underline;
+ }
+}
+
+.syntax--none {
+ color: @syntax-text-color;
+}
diff --git a/packages/solarized-light-syntax/styles/syntax/c.less b/packages/solarized-light-syntax/styles/syntax/c.less
new file mode 100644
index 000000000..9a094bcad
--- /dev/null
+++ b/packages/solarized-light-syntax/styles/syntax/c.less
@@ -0,0 +1,44 @@
+.syntax--source.syntax--c,
+.syntax--source.syntax--cpp {
+ .syntax--meta.syntax--preprocessor {
+ color: @red;
+ }
+ .syntax--keyword.syntax--control.syntax--directive {
+ color: @orange;
+ }
+ .syntax--punctuation.syntax--string {
+ color: @cyan;
+ }
+ .syntax--constant {
+ color: @orange;
+
+ &.syntax--numeric, &.syntax--language.syntax--c {
+ color: @cyan;
+ }
+ }
+ .syntax--storage {
+ color: @yellow;
+ }
+ .syntax--entity {
+ color: @syntax-text-color;
+
+ &.syntax--name.syntax--function.syntax--preprocessor {
+ color: @red;
+ }
+ }
+ .syntax--support.syntax--type {
+ color: @yellow;
+
+ &.syntax--posix-reserved {
+ color: @syntax-text-color;
+ }
+ }
+ .syntax--variable {
+ &.syntax--other.syntax--dot-access {
+ color: @syntax-text-color;
+ }
+ &.syntax--parameter.syntax--preprocessor {
+ color: @red;
+ }
+ }
+}
diff --git a/packages/solarized-light-syntax/styles/syntax/coffee.less b/packages/solarized-light-syntax/styles/syntax/coffee.less
new file mode 100644
index 000000000..c353f72a3
--- /dev/null
+++ b/packages/solarized-light-syntax/styles/syntax/coffee.less
@@ -0,0 +1,58 @@
+.syntax--source.syntax--coffee {
+ .syntax--support.syntax--class {
+ color: @green;
+ }
+
+ .syntax--variable,
+ .syntax--entity.syntax--name.syntax--function,
+ .syntax--entity.syntax--name.syntax--class {
+ color: @blue;
+ }
+ .syntax--variable.syntax--parameter.syntax--function {
+ color: @syntax-text-color;
+ }
+ .syntax--variable.syntax--other.syntax--readwrite {
+ color: @green;
+ }
+
+ .syntax--storage.syntax--type.syntax--function {
+ color: @green;
+ }
+
+ .syntax--entity.syntax--name {
+ color: @syntax-text-color;
+ }
+
+ .syntax--meta.syntax--brace {
+ &.syntax--round,
+ &.syntax--square {
+ color: @syntax-text-color;
+ }
+ }
+ .syntax--meta.syntax--delimiter {
+ color: @syntax-text-color;
+ }
+
+ .syntax--storage.syntax--type.syntax--class {
+ color: @green;
+ }
+
+ .syntax--punctuation.syntax--terminator {
+ color: @syntax-text-color;
+ }
+
+ .syntax--punctuation.syntax--section.syntax--embedded {
+ color: @red;
+ }
+ .syntax--embedded.syntax--source {
+ color: @syntax-text-color;
+ }
+
+ .syntax--constant.syntax--numeric {
+ color: @magenta;
+ }
+
+ .syntax--constant.syntax--language.syntax--boolean {
+ color: @yellow;
+ }
+}
diff --git a/packages/solarized-light-syntax/styles/syntax/css.less b/packages/solarized-light-syntax/styles/syntax/css.less
new file mode 100644
index 000000000..8bfaf8c34
--- /dev/null
+++ b/packages/solarized-light-syntax/styles/syntax/css.less
@@ -0,0 +1,63 @@
+.syntax--source.syntax--css {
+
+ .syntax--punctuation {
+ &.syntax--separator,
+ &.syntax--terminator {
+ color: @syntax-text-color;
+ }
+ &.syntax--property-list.syntax--begin,
+ &.syntax--property-list.syntax--end {
+ color: @red;
+ }
+ &.syntax--section.syntax--function {
+ color: @cyan;
+ }
+ }
+
+ .syntax--entity.syntax--name {
+ color: @green;
+ }
+ .syntax--attribute-name.syntax--class,
+ .syntax--id {
+ color: @blue;
+ }
+ .syntax--pseudo-element,
+ .syntax--pseudo-class {
+ color: @orange;
+ }
+
+ .syntax--property-value {
+ color: @cyan;
+ }
+ .syntax--constant.syntax--numeric {
+ color: @cyan;
+ .syntax--unit {
+ color: @cyan;
+ }
+ }
+ .syntax--rgb-value {
+ color: @cyan;
+ }
+ .syntax--support.syntax--constant {
+ color: @cyan;
+ &.syntax--media {
+ color: @red;
+ }
+ }
+
+ .syntax--keyword.syntax--important {
+ color: @red;
+ }
+
+}
+
+
+// Less/Sass should have their own files,
+// but for just a single override, here should be fine too
+
+.syntax--source.syntax--less,
+.syntax--source.syntax--scss {
+ .syntax--keyword.syntax--unit {
+ color: @cyan;
+ }
+}
diff --git a/packages/solarized-light-syntax/styles/syntax/go.less b/packages/solarized-light-syntax/styles/syntax/go.less
new file mode 100644
index 000000000..b12558e83
--- /dev/null
+++ b/packages/solarized-light-syntax/styles/syntax/go.less
@@ -0,0 +1,10 @@
+.syntax--source.syntax--go {
+
+ .syntax--operator {
+ color: @syntax-text-color;
+ &.syntax--assignment {
+ color: @green;
+ }
+ }
+
+}
diff --git a/packages/solarized-light-syntax/styles/syntax/java.less b/packages/solarized-light-syntax/styles/syntax/java.less
new file mode 100644
index 000000000..6fa5c64a7
--- /dev/null
+++ b/packages/solarized-light-syntax/styles/syntax/java.less
@@ -0,0 +1,47 @@
+.syntax--source.syntax--java {
+ .syntax--keyword.syntax--operator{
+ color:@green;
+ }
+ .syntax--keyword.syntax--import{
+ color: @orange;
+ }
+ .syntax--storage.syntax--modifier.syntax--import{
+ color: @syntax-comment-color;
+ }
+ .syntax--meta.syntax--class{
+ .syntax--storage.syntax--modifier{
+ color: @yellow;
+ }
+ .syntax--meta.syntax--class.syntax--identifier{
+ .syntax--entity.syntax--name.syntax--type.syntax--class{
+ color: @blue;
+ }
+ }
+ }
+ .syntax--storage.syntax--type.syntax--primitive.syntax--array{
+ color:@green;
+ }
+ .syntax--constant.syntax--numeric{
+ color:@magenta;
+ }
+ .syntax--constant.syntax--other{
+ color:@orange;
+ }
+ .syntax--storage.syntax--type{
+ color:@green;
+ }
+ .syntax--meta.syntax--method-call{
+ //@ibocon: method parameter's color
+ color:@red;
+ //@ibocon: method and variable use different hightlight
+ .syntax--meta.syntax--method{
+ color:@violet;
+ }
+ .syntax--punctuation.syntax--definition.syntax--seperator.syntax--parameter{
+ color:@green;
+ }
+ }
+ .syntax--punctuation.syntax--definition.syntax--method-parameters{
+ color: @syntax-emphasized-color;
+ }
+}
diff --git a/packages/solarized-light-syntax/styles/syntax/javascript.less b/packages/solarized-light-syntax/styles/syntax/javascript.less
new file mode 100644
index 000000000..ec1ebf068
--- /dev/null
+++ b/packages/solarized-light-syntax/styles/syntax/javascript.less
@@ -0,0 +1,128 @@
+.syntax--source.syntax--js {
+ .syntax--comma {
+ color: @syntax-text-color;
+ }
+
+ .syntax--support.syntax--class {
+ color: @green;
+ }
+
+ .syntax--entity {
+ &.syntax--name.syntax--type {
+ color: @yellow;
+ }
+ &.syntax--name {
+ color: @syntax-text-color;
+
+ &.syntax--function {
+ color: @blue;
+ }
+ }
+
+ &.syntax--name.syntax--tag {
+ color: @blue;
+ }
+
+ &.syntax--other.syntax--attribute-name {
+ color: @yellow;
+ }
+ }
+
+
+ .syntax--meta.syntax--brace {
+ color: @syntax-text-color;
+ }
+
+ .syntax--keyword {
+ color: @syntax-text-color;
+ }
+ .syntax--keyword.syntax--operator.syntax--new {
+ color: @green;
+ }
+ .syntax--keyword.syntax--control {
+ color: @orange;
+ }
+ .syntax--keyword.syntax--control.syntax--regexp {
+ color: @cyan;
+ }
+
+ .syntax--variable {
+ color: @syntax-text-color;
+ }
+ .syntax--variable.syntax--dom {
+ color: @green;
+ }
+ .syntax--delimiter + .syntax--dom {
+ color: @syntax-text-color;
+ }
+ .syntax--name {
+ color: @syntax-text-color;
+ }
+ .syntax--variable.syntax--language {
+ color: @blue;
+ }
+ .syntax--variable.syntax--parameter {
+ color: @syntax-text-color;
+ }
+
+ .syntax--regexp {
+ color: @cyan;
+ }
+
+ .syntax--support.syntax--function {
+ color: @syntax-text-color;
+ }
+ .syntax--support.syntax--constant {
+ color: @syntax-text-color;
+ }
+
+ .syntax--storage.syntax--modifier {
+ color: @yellow;
+ }
+
+ .syntax--punctuation.syntax--terminator.syntax--statement {
+ color: @syntax-text-color;
+ }
+
+ .syntax--meta.syntax--delimiter.syntax--method.syntax--period {
+ color: @syntax-text-color;
+ }
+ .syntax--meta.syntax--brace.syntax--square {
+ color: @blue;
+ }
+ .syntax--meta.syntax--brace.syntax--curly {
+ color: @blue;
+ }
+
+ .syntax--string.syntax--quoted.syntax--template {
+ .syntax--embedded.syntax--source {
+ color: @syntax-text-color;
+ & > .syntax--embedded.syntax--punctuation {
+ color: @red;
+ }
+ }
+ }
+
+ &.syntax--embedded .syntax--entity.syntax--name.syntax--tag {
+ color: @blue;
+ }
+
+ .syntax--import {
+ .syntax--control {
+ color: @orange;
+ }
+ }
+}
+
+
+// JavaScript (Rails) language-ruby-on-rails
+
+.syntax--source.syntax--js.syntax--rails {
+ .syntax--instance {
+ color: @blue;
+ }
+
+ .syntax--class {
+ color: @yellow;
+ }
+}
diff --git a/packages/solarized-light-syntax/styles/syntax/markdown.less b/packages/solarized-light-syntax/styles/syntax/markdown.less
new file mode 100644
index 000000000..2ca0038d9
--- /dev/null
+++ b/packages/solarized-light-syntax/styles/syntax/markdown.less
@@ -0,0 +1,26 @@
+.syntax--md,
+.syntax--gfm {
+ .syntax--link .syntax--entity {
+ color: @violet;
+ }
+
+ .syntax--list {
+ &.syntax--ordered {
+ color: @green;
+ }
+ &.syntax--unordered {
+ color: @yellow;
+ }
+ }
+
+ .syntax--raw {
+ font-style: italic;
+ }
+
+ &.syntax--support {
+ color:@syntax-comment-color;
+ &.syntax--quote {
+ color: @violet;
+ }
+ }
+}
diff --git a/packages/solarized-light-syntax/styles/syntax/markup.less b/packages/solarized-light-syntax/styles/syntax/markup.less
new file mode 100644
index 000000000..f94b56f5b
--- /dev/null
+++ b/packages/solarized-light-syntax/styles/syntax/markup.less
@@ -0,0 +1,30 @@
+.syntax--markup {
+
+ &.syntax--bold {
+ font-weight: bold;
+ }
+ &.syntax--italic {
+ font-style: italic;
+ }
+
+ &.syntax--heading {
+ color: @blue;
+ }
+
+ &.syntax--link {
+ color: @cyan;
+ }
+
+ &.syntax--deleted {
+ color: @red;
+ }
+
+ &.syntax--changed {
+ color: @yellow;
+ }
+
+ &.syntax--inserted {
+ color: @cyan;
+ }
+
+}
diff --git a/packages/solarized-light-syntax/styles/syntax/php.less b/packages/solarized-light-syntax/styles/syntax/php.less
new file mode 100644
index 000000000..8eb510d41
--- /dev/null
+++ b/packages/solarized-light-syntax/styles/syntax/php.less
@@ -0,0 +1,67 @@
+.syntax--source.syntax--php {
+ .syntax--storage {
+ &.syntax--type {
+ &.syntax--class {
+ color: @yellow;
+ }
+ &.syntax--function {
+ color: @orange;
+ }
+ }
+ &.syntax--modifier {
+ color: @yellow;
+ }
+ }
+ .syntax--entity {
+ &.syntax--name {
+ &.syntax--type.syntax--class {
+ color: @syntax-text-color;
+ }
+ &.syntax--function {
+ color: @syntax-text-color;
+ }
+ }
+ &.syntax--other {
+ color: @syntax-text-color;
+ }
+ }
+ .syntax--variable {
+ color: @blue;
+ }
+ .syntax--punctuation.syntax--definition {
+ color: @syntax-text-color;
+ &.syntax--comment {
+ color: @syntax-comment-color;
+ }
+ &.syntax--array {
+ color: @red;
+ }
+ &.syntax--string {
+ color: @syntax-text-color;
+ }
+ &.syntax--variable {
+ color: @green;
+ }
+ }
+ .syntax--support.syntax--function {
+ &.syntax--construct {
+ color: @yellow;
+ }
+ &.syntax--array {
+ color: @green;
+ }
+ }
+ .syntax--keyword {
+ &.syntax--operator {
+ &.syntax--class {
+ color: @yellow;
+ }
+ &.syntax--assignment {
+ color: @green;
+ }
+ }
+ &.syntax--other {
+ color: @red;
+ }
+ }
+}
diff --git a/packages/solarized-light-syntax/styles/syntax/python.less b/packages/solarized-light-syntax/styles/syntax/python.less
new file mode 100644
index 000000000..ffe29ba2b
--- /dev/null
+++ b/packages/solarized-light-syntax/styles/syntax/python.less
@@ -0,0 +1,100 @@
+.syntax--source.syntax--python {
+ .syntax--entity {
+ color: @syntax-text-color;
+
+ &.syntax--name {
+ color: @blue;
+ }
+ &.syntax--other {
+ color: @blue;
+ }
+ }
+
+ .syntax--function {
+ color: @blue;
+
+ &.syntax--magic {
+ color: @blue;
+ }
+ }
+
+ .syntax--punctuation.syntax--string {
+ color: @cyan;
+ }
+ .syntax--keyword {
+ &.syntax--operator {
+ color: @syntax-text-color;
+ &.syntax--quantifier {
+ color: @cyan;
+ }
+ &.syntax--logical {
+ color: @green;
+ }
+ }
+ &.syntax--control.syntax--import {
+ color: @orange;
+ }
+ &.syntax--other {
+ color: @green;
+ }
+ }
+ .syntax--constant {
+ &.syntax--language {
+ color: @blue;
+ }
+ &.syntax--character {
+ color: @cyan;
+ }
+ &.syntax--other {
+ color: @red;
+ }
+ }
+
+ .syntax--entity.syntax--name.syntax--type.syntax--class {
+ color: @blue;
+ }
+ .syntax--variable {
+ color: @syntax-text-color;
+ }
+ .syntax--support {
+ &.syntax--function.syntax--builtin {
+ color: @blue;
+ }
+ &.syntax--type {
+ &.syntax--exception.syntax--python {
+ color: @yellow;
+ }
+ &.syntax--python {
+ color: @blue;
+ }
+ }
+ }
+ .syntax--storage.syntax--type.syntax--string {
+ color: @cyan;
+ }
+
+ .syntax--storage.syntax--type.syntax--class {
+ color: @green;
+ &.syntax--todo {
+ color: @magenta;
+ }
+ }
+
+ .syntax--storage.syntax--type.syntax--function {
+ color: @green;
+ }
+
+ .syntax--punctuation.syntax--definition.syntax--parameters {
+ color: @syntax-text-color;
+ }
+
+ .syntax--punctuation.syntax--section.syntax--function.syntax--begin {
+ color: @syntax-text-color;
+ }
+
+ .syntax--punctuation.syntax--separator.syntax--parameters {
+ color: @syntax-text-color;
+ }
+
+
+}
diff --git a/packages/solarized-light-syntax/styles/syntax/ruby.less b/packages/solarized-light-syntax/styles/syntax/ruby.less
new file mode 100644
index 000000000..3e3d8b58c
--- /dev/null
+++ b/packages/solarized-light-syntax/styles/syntax/ruby.less
@@ -0,0 +1,129 @@
+.syntax--source.syntax--ruby {
+
+ .syntax--meta.syntax--embedded {
+ .syntax--punctuation.syntax--section {
+ color: @red;
+ }
+ }
+ .syntax--punctuation.syntax--definition {
+ color: @syntax-text-color;
+ &.syntax--string {
+ color: @red;
+ }
+ }
+ .syntax--punctuation.syntax--definition.syntax--comment {
+ color: @syntax-comment-color;
+ }
+ .syntax--entity.syntax--inherited-class {
+ color: @yellow;
+ }
+ .syntax--variable {
+ &.syntax--parameter {
+ color: @syntax-text-color;
+ }
+ }
+ .syntax--variable.syntax--constant {
+ color: @yellow;
+ }
+ .syntax--constant.syntax--boolean {
+ color: @cyan;
+ }
+ .syntax--instance {
+ .syntax--punctuation.syntax--definition {
+ color: @blue;
+ }
+ }
+ .syntax--class {
+ color: @yellow;
+ &.syntax--control {
+ color: @syntax-text-color;
+ }
+ }
+ .syntax--module {
+ color: @yellow;
+ }
+ .syntax--require {
+ .syntax--keyword.syntax--other.syntax--special-method {
+ color: @orange;
+ }
+ }
+ .syntax--keyword.syntax--other.syntax--special-method {
+ color: @orange;
+ }
+ .syntax--keyword.syntax--other {
+ color: @green;
+ }
+ .syntax--keyword.syntax--control {
+ color: @green;
+ }
+ .syntax--keyword.syntax--operator {
+ color: @syntax-text-color;
+ }
+ .syntax--special-method {
+ color: @blue;
+ }
+ .syntax--symbol {
+ color: @cyan;
+ .syntax--punctuation.syntax--definition {
+ color: @cyan;
+ }
+ }
+ .syntax--hashkey {
+ color: @red;
+ .syntax--punctuation.syntax--definition {
+ color: @red;
+ }
+ }
+ .syntax--string.syntax--regexp {
+ color: @red;
+ }
+ .syntax--todo {
+ color: @magenta;
+ }
+ .syntax--variable.syntax--ruby.syntax--global {
+ color: @blue;
+ .syntax--punctuation {
+ color: @blue;
+ }
+ }
+ .syntax--variable.syntax--block {
+ color: @blue;
+ }
+ .syntax--variable.syntax--self {
+ color: @cyan;
+ }
+ .syntax--punctuation.syntax--separator {
+ color: @syntax-text-color;
+ }
+ .syntax--numeric {
+ color: @cyan;
+ }
+ .syntax--punctuation.syntax--section.syntax--regexp {
+ color: @red;
+ }
+ .syntax--string.syntax--interpolated {
+ color: @cyan;
+ }
+ .syntax--string.syntax--interpolated {
+ .syntax--embedded.syntax--line.syntax--ruby {
+ .syntax--punctuation {
+ .syntax--source.syntax--ruby {
+ color: @red;
+ }
+ }
+ .syntax--source.syntax--ruby {
+ .syntax--punctuation.syntax--array,
+ .syntax--punctuation.syntax--function {
+ color: @syntax-text-color;
+ }
+ color: @syntax-text-color;
+ }
+ }
+ }
+ .syntax--support.syntax--function {
+ color: @syntax-text-color;
+ }
+ .syntax--support.syntax--function.syntax--kernel {
+ color: @green;
+ }
+}
diff --git a/packages/solarized-light-syntax/styles/syntax/scala.less b/packages/solarized-light-syntax/styles/syntax/scala.less
new file mode 100644
index 000000000..376514087
--- /dev/null
+++ b/packages/solarized-light-syntax/styles/syntax/scala.less
@@ -0,0 +1,79 @@
+.syntax--source.syntax--scala {
+ .syntax--variable {
+ color: @syntax-emphasized-color;
+ }
+
+ .syntax--declaration {
+ color: @syntax-emphasized-color;
+ font-weight: bold;
+ }
+ .syntax--comparison {
+ color: @syntax-emphasized-color;
+ }
+ .syntax--class, .syntax--type {
+ color: @yellow;
+ }
+ .syntax--val {
+ font-weight: normal;
+ }
+ .syntax--variable {
+ font-weight: bold;
+ }
+ .syntax--variable.syntax--parameter {
+ color: @violet;
+ font-weight: normal;
+ }
+ .syntax--control.syntax--flow {
+ color: @syntax-emphasized-color;
+ font-weight: bold;
+ }
+ .syntax--constant.syntax--language {
+ color: @syntax-emphasized-color;
+ font-weight: bold;
+ }
+ .syntax--function.syntax--declaration {
+ color: @violet;
+ }
+ .syntax--modifier.syntax--other {
+ font-weight: bold;
+ }
+ .syntax--package {
+ color: @syntax-emphasized-color;
+ }
+ .syntax--variable.syntax--import {
+ font-weight: normal;
+ }
+
+ .syntax--type {
+ .syntax--bounds, .syntax--class {
+ color: @violet;
+ }
+ }
+
+ .syntax--documentation {
+ :not(.syntax--embedded) {
+ // out of scope ?
+ // https://github.syntax--com/atom/link
+ &.syntax--link.syntax--entity {
+ color: @blue;
+ text-decoration: underline;
+ }
+ .syntax--class, .syntax--parameter {
+ color: @syntax-emphasized-color;
+ }
+ .syntax--description {
+ color: @syntax-comment-color;
+ }
+ }
+ }
+
+ .syntax--embedded {
+ color: darken(@syntax-emphasized-color, 15%);
+
+ // so we dont confused it with normal expressions
+ font-style: italic;
+ .syntax--margin, .syntax--delimiters {
+ font-style: normal;
+ }
+ }
+}
diff --git a/packages/solarized-light-syntax/styles/syntax/typescript.less b/packages/solarized-light-syntax/styles/syntax/typescript.less
new file mode 100644
index 000000000..1a3288073
--- /dev/null
+++ b/packages/solarized-light-syntax/styles/syntax/typescript.less
@@ -0,0 +1,22 @@
+.syntax--source.syntax--ts,
+.syntax--source.syntax--tsx {
+ .syntax--import {
+ .syntax--control {
+ color: @orange;
+ }
+ }
+
+ .syntax--entity {
+ &.syntax--name.syntax--type {
+ color: @yellow;
+ }
+
+ &.syntax--inherited-class {
+ color: @yellow;
+ }
+ }
+
+ .syntax--support.syntax--type {
+ color: @yellow;
+ }
+}
diff --git a/resources/mac/atom-Info.plist b/resources/mac/atom-Info.plist
index c22653622..3401bdef5 100644
--- a/resources/mac/atom-Info.plist
+++ b/resources/mac/atom-Info.plist
@@ -34,6 +34,8 @@