, . of .className
64 | @entity-function: @color5;
65 | @error-punc: darken(@error, 20%);
66 | @function: @entity-function;
67 | @function-param: @color1; // (one, two, three) of function (one, two, three)
68 | @meta: @code-font-color; // none of border: none;
69 | @numeric: @color3;
70 | @punctuation: darken(@code-font-color, 30%);
71 | @regex: @color1;
72 | @string: @color1; // 'value' of var='value', "name.png" or src="name.png"
73 | @storage: @white; // var of var a = b;
74 | @support: @color3; // module of module.exports, color of color: rgb(0,0,0)
75 | @variable: @color1; // foo of function(foo), hbs_include of {{> hbs_include}}, http://dom.com/ of url(http://dom.com/)
76 | @storage-function: @color8;
77 |
78 | // obj.param.function() - @obj-name . @obj-method . @function
79 | @obj-name: @support;
80 | @obj-method: @entity;
81 | @obj-function: @function;
82 |
83 | // CONSTANT
84 | @constant-name-attribute-tag: @tag;
85 |
86 | // ENTITY
87 | @entity-name-tag: @color1;
88 | @entity-name-type: @color1;
89 | @entity-name-function: @function;
90 | @entity-other-attribute-name: @color2;
91 | @entity-other-id: @id;
92 |
93 | // META
94 | @meta-control-flow: @color2;
95 |
96 | // STRING
97 | @string-quoted-double: @quotes;
98 | @string-quoted-single: @quotes;
99 | @string-unquoted: @quotes;
100 | @string-other: @string;
101 |
102 | @punctuation-definition-array: @string;
103 | @punctuation-definition-string: @string;
104 | @punctuation-definition-variable: @variable;
105 |
106 | // STORAGE
107 | @storage-var: @storage;
108 | @storage-class: @storage;
109 | @storage-function: @storage;
110 |
111 | // KEYWORD
112 | @keyword: @color4;
113 | @keyword-control: @color2;
114 | @keyword-other-important: @red;
115 | @keyword-operator: @keyword;
116 | @keyword-operator-assignment: @punctuation;
117 | @keyword-operator-new: @color8;
118 | @variable-import: @color2;
119 |
120 | // SUPPORT
121 | @support-type-property-name: @code-font-color;
122 | @support-function-decl: @color1;
123 |
124 | // VARIABLE
125 | @variable: @color8;
126 | @variable-other: @color4;
127 | @variable-other-module: @color3;
128 | @variable-other-module-alias: @color1;
129 | @variable-other-object: @color2;
130 | @variable-other-property: @color4;
131 |
132 | // PUNCTUATION
133 | @punctuation: @grey;
134 | @punctuation-separator: @grey;
135 |
136 |
137 | // HTML
138 | @tag: @color1;
139 | @tag-entity: @color1;
140 | @element-attr: @color2;
141 | @class: @color2;
142 | @id: @color2;
143 | @block: @color1;
144 | @inline: lighten(@color1, 25%);
145 |
--------------------------------------------------------------------------------
/styles/colors/primary.less:
--------------------------------------------------------------------------------
1 | // BASE COLORS
2 | @black: #0e1112;
3 | @black-dark: #090b0d;
4 | @white: #d4d7d6;
5 | @grey: #4d5a5e;
6 | @grey-dark: #1f2326;
7 | @grey-light: #6d8086;
8 |
9 | // STATUS
10 | @good: @green;
11 | @bad: @red;
12 | @warn: @yellow;
13 | @hidden: @grey-dark;
14 | @ignore: @grey;
15 |
16 | // PRIMARIES
17 | @blue: #519aba;
18 | @blue-highlight: #1d5b91;
19 | @blue-text: #ffffff;
20 |
21 | @green: #8dc149;
22 | @green-highlight: #436b24;
23 | @green-text: #ffffff;
24 | @blue-secondary: @purple;
25 |
26 | @orange: #e37933;
27 | @orange-highlight: #b55421;
28 | @orange-text: #ffffff;
29 |
30 | @pink: #f55385;
31 | @pink-highlight: #63213f;
32 | @pink-text: #ffffff;
33 |
34 | @purple: #a074c4;
35 | @purple-highlight: #4f397c;
36 | @purple-text: #ffffff;
37 |
38 | @red: #cc3e44;
39 | @red-highlight: #7c1c20;
40 | @red-text: #ffffff;
41 |
42 | @steel: #7494a3;
43 | @steel-highlight: #293c44;
44 | @steel-text: #ffffff;
45 |
46 | @yellow: #cbcb41;
47 | @yellow-highlight: #a2852f;
48 | @yellow-text: #13181b;
49 |
--------------------------------------------------------------------------------
/styles/editor.less:
--------------------------------------------------------------------------------
1 | @import "colors";
2 |
3 | // MAIN CODE EDITOR STYLES
4 | .atom-text-editor, atom-text-editor {
5 |
6 | // EDITOR BACKGROUND & FONT COLORS
7 | background-color: @code-background;
8 | color: @code-font-color;
9 |
10 | // border-top: solid 6px @selected-line;
11 |
12 | // LINE THAT DESIGNATES WHERE TEXT WILL WRAP
13 | .wrap-guide {
14 | background: @guides;
15 | }
16 |
17 | // LINE BETWEEN BRACKET INDENTATIONS
18 | .indent-guide {
19 | color: @guides;
20 | }
21 |
22 | .invisible-character {
23 | color: @invisible;
24 | }
25 |
26 | // GUTTER / LINE NUMBERS
27 | .gutter {
28 |
29 | background-color: @gutter-background;
30 | color: @gutter-text;
31 | // border-right: 10px solid @code-background;
32 |
33 | .line-number {
34 |
35 | // GUTTER BACKGROUND
36 | background: @gutter-background;
37 | color: @gutter-text;
38 | padding-left: 10px;
39 |
40 | // SELECTED BLOCK
41 | &.cursor-line {
42 | background-color: @gutter-background-highlight;
43 | color: @gutter-text-highlight;
44 | font-weight: 100;
45 | }
46 |
47 | // CURRENT ACTIVE LINE
48 | &.cursor-line-no-selection {
49 | background-color: @gutter-background-highlight !important;
50 | color: @gutter-text-highlight;
51 | // font-weight: bold;
52 | }
53 |
54 | }
55 |
56 | // HOVER STATE FOR LINE NUMBERS
57 | .line-number:hover {
58 | background-color: @gutter-background !important;
59 | color: @gutter-text-highlight;
60 | }
61 | }
62 |
63 | // LINE NUMBER FOR SECTIONS THAT HAVE BEEN COLLAPSED
64 | .gutter .line-number.folded,
65 | .gutter .line-number:after,
66 | .fold-marker:after {
67 | color: #FFF;
68 | background: @gutter-text;
69 | }
70 |
71 | // INVISIBLE CHARACTES
72 | .invisible {
73 | color: @invisible;
74 | }
75 |
76 | // CURSOR COLOR
77 | .cursor {
78 | border-color: @cursor-color !important;
79 | border-left: solid @cursor-width;
80 | }
81 |
82 | // BACKGROUND OF SELECTED TEXT
83 | .selection .region {
84 | background-color: @selected;
85 | }
86 |
87 |
88 | // ADD LEFT PADDING TO CODE VIEW
89 | .scroll-view {
90 | padding-left: 10px;
91 | }
92 |
93 |
94 | // SELECTED LINE STYLE
95 | .line.cursor-line {
96 | background: @selected-line !important;
97 | }
98 |
99 |
100 | }
101 |
--------------------------------------------------------------------------------
/styles/languages/css.less:
--------------------------------------------------------------------------------
1 | .syntax--source.syntax--css {
2 |
3 | }
4 |
--------------------------------------------------------------------------------
/styles/languages/gfm.less:
--------------------------------------------------------------------------------
1 | @import "colors";
2 |
3 | .syntax--source.syntax--gfm {
4 | color: @code-font-color;
5 |
6 | .syntax--heading-1 {
7 | color: @markup-h1;
8 | }
9 | .syntax--heading-2 {
10 | color: @markup-h2;
11 | }
12 | .syntax--heading-3 {
13 | color: @markup-h3;
14 | }
15 | .syntax--heading-4 {
16 | color: @markup-h4;
17 | }
18 | .syntax--heading-5 {
19 | color: @markup-h5;
20 | }
21 | .syntax--heading-6 {
22 | color: @markup-h6;
23 | }
24 |
25 | .syntax--entity {
26 | color: @entity-function;
27 | }
28 | .syntax--link {
29 | color: @green;
30 | .syntax--entity {
31 | color: @purple;
32 | }
33 | }
34 |
35 | .syntax--italic {
36 | color: @yellow;
37 | }
38 |
39 | .syntax--bold {
40 | color: @yellow;
41 | font-weight: bold;
42 | }
43 |
44 | .syntax--variable.syntax--syntax.syntax--list {
45 | color: @yellow-highlight;
46 | }
47 |
48 | .syntax--hr {
49 | color: @meta-control-flow;
50 | }
51 |
52 | .syntax--comment.syntax--quote {
53 | color: @string-quoted-single;
54 | }
55 |
56 | .syntax--support.syntax--quote {
57 | color: @code-background;
58 | background-color: @code-font-color;
59 | }
60 |
61 | .syntax--raw {
62 | color: @red;
63 | border: 1px solid mix(@code-background, @string-quoted-double, 90%);
64 | background-color: mix(@code-background, @string-quoted-double, 90%);
65 | border-radius: 3px;
66 | }
67 | }
68 |
--------------------------------------------------------------------------------
/styles/languages/go.less:
--------------------------------------------------------------------------------
1 | .syntax--go {
2 |
3 | }
4 |
--------------------------------------------------------------------------------
/styles/languages/html.less:
--------------------------------------------------------------------------------
1 | .syntax--html {
2 |
3 | }
4 |
--------------------------------------------------------------------------------
/styles/languages/ink.less:
--------------------------------------------------------------------------------
1 | @import "colors";
2 |
3 | .syntax--source.syntax--ink {
4 | color: @code-font-color;
5 | }
6 |
--------------------------------------------------------------------------------
/styles/languages/jade.less:
--------------------------------------------------------------------------------
1 | .syntax--jade, .syntax--pug {
2 |
3 | color: @code-font-color;
4 |
5 | .syntax--comment {
6 | color: @comment;
7 | }
8 |
9 | .syntax--name {
10 | color: @tag;
11 | }
12 |
13 | .syntax--entity {
14 | color: @tag-entity;
15 | }
16 |
17 | .syntax--string {
18 | color: @string;
19 | }
20 |
21 | .syntax--quoted {
22 | color: @quotes;
23 | }
24 |
25 | .syntax--attribute-name, .syntax--id {
26 | color: @red !important;
27 | }
28 | .syntax--class {
29 | color: @class;
30 | }
31 | }
32 |
--------------------------------------------------------------------------------
/styles/languages/javascript.less:
--------------------------------------------------------------------------------
1 | .syntax--source.syntax--js,
2 | .syntax--source.syntax--ts,
3 | .syntax--source.syntax--jsx {
4 |
5 | }
6 |
--------------------------------------------------------------------------------
/styles/languages/json.less:
--------------------------------------------------------------------------------
1 | @import "colors";
2 |
3 | .syntax--source.syntax--json {
4 | .syntax--meta.syntax--structure.syntax--dictionary.syntax--json {
5 | & > .syntax--string.syntax--quoted.syntax--json {
6 | & > .syntax--punctuation.syntax--string {
7 | color: @tag;
8 | }
9 | color: @tag;
10 | }
11 | }
12 |
13 | .syntax--meta.syntax--structure.syntax--dictionary.syntax--json,
14 | .syntax--meta.syntax--structure.syntax--array.syntax--json {
15 | & > .syntax--value.syntax--json > .syntax--string.syntax--quoted.syntax--json,
16 | & > .syntax--value.syntax--json > .syntax--string.syntax--quoted.syntax--json > .syntax--punctuation {
17 | color: @code-font-color;
18 | }
19 |
20 | & > .syntax--constant.syntax--language.syntax--json {
21 | color: @constant;
22 | }
23 | }
24 | }
25 |
--------------------------------------------------------------------------------
/styles/languages/markdown.less:
--------------------------------------------------------------------------------
1 | @import "colors";
2 |
3 | .syntax--source.syntax--md {
4 | color: @code-font-color;
5 |
6 | .syntax--heading-1 {
7 | color: @markup-h1;
8 | }
9 | .syntax--heading-2 {
10 | color: @markup-h2;
11 | }
12 | .syntax--heading-3 {
13 | color: @markup-h3;
14 | }
15 | .syntax--heading-4 {
16 | color: @markup-h4;
17 | }
18 | .syntax--heading-5 {
19 | color: @markup-h5;
20 | }
21 | .syntax--heading-6 {
22 | color: @markup-h6;
23 | }
24 |
25 | .syntax--entity {
26 | color: @entity-function;
27 | }
28 | .syntax--link {
29 | color: @green;
30 | .syntax--entity {
31 | color: @purple;
32 | }
33 | }
34 |
35 | .syntax--italic {
36 | color: @yellow;
37 | }
38 |
39 | .syntax--bold {
40 | color: @yellow;
41 | font-weight: bold;
42 | }
43 |
44 | .syntax--variable.syntax--syntax.syntax--list {
45 | color: @yellow-highlight;
46 | }
47 |
48 | .syntax--hr {
49 | color: @meta-control-flow;
50 | }
51 |
52 | .syntax--comment.syntax--quote {
53 | color: @string-quoted-single;
54 | }
55 |
56 | .syntax--support.syntax--quote {
57 | color: @code-background;
58 | background-color: @code-font-color;
59 | }
60 |
61 | .syntax--raw {
62 | color: @red;
63 | border: 1px solid mix(@code-background, @string-quoted-double, 90%);
64 | background-color: mix(@code-background, @string-quoted-double, 90%);
65 | border-radius: 3px;
66 | }
67 | }
68 |
--------------------------------------------------------------------------------
/styles/languages/mustache.less:
--------------------------------------------------------------------------------
1 | @import "colors";
2 |
3 | .syntax--mustache {
4 |
5 | .syntax--meta.syntax--tag.syntax--template {
6 | color: @tag;
7 |
8 | .syntax--entity.syntax--name.syntax--tag {
9 | color: lighten(@tag, 20%);
10 | }
11 |
12 | }
13 |
14 | }
15 |
--------------------------------------------------------------------------------
/styles/languages/perl.less:
--------------------------------------------------------------------------------
1 | @import "colors";
2 |
3 | .syntax--source.syntax--perl {
4 |
5 | .syntax--pod {
6 | &.syntax--displayed-text {
7 | color: @constant;
8 | }
9 |
10 | &.syntax--constant.syntax--character.syntax--entity {
11 | &, & .syntax--entity.syntax--name {
12 | color: @constant;
13 | }
14 | }
15 |
16 | &.syntax--inline.syntax--tag {
17 | .syntax--punctuation.syntax--begin,
18 | .syntax--punctuation.syntax--end {
19 | color: @punctuation;
20 | }
21 | }
22 | }
23 | }
24 |
--------------------------------------------------------------------------------
/styles/languages/python.less:
--------------------------------------------------------------------------------
1 | @import "colors";
2 |
3 | .syntax--source.syntax--python {
4 |
5 | .syntax--class{
6 | color: @support;
7 | }
8 |
9 | .syntax--support.syntax--function.syntax--magic,
10 | .syntax--inherited-class{
11 | color: lighten(@variable, 10%);
12 | .syntax--support.syntax--function.syntax--builtin.syntax--python {
13 | // Necessary to highlight the object base class correctly
14 | color: lighten(@variable, 10%);
15 | }
16 | }
17 |
18 | .syntax--storage,
19 | .syntax--keyword {
20 | color: @storage;
21 | }
22 |
23 | .syntax--string{
24 | color: @string;
25 | &.syntax--block{
26 | color: darken(@string, 20%);
27 | .syntax--keyword {
28 | color: darken(@string, 20%);
29 | }
30 | }
31 | }
32 | }
33 |
--------------------------------------------------------------------------------
/styles/plugins.less:
--------------------------------------------------------------------------------
1 | @import "colors";
2 |
3 | // PLUGIN SPECIFIC STYLES
4 | .bracket-matcher .region {
5 | border-bottom: 1px solid @string;
6 | margin-top: 2px;
7 | }
8 |
--------------------------------------------------------------------------------
/styles/plugins/git-time-machine.less:
--------------------------------------------------------------------------------
1 | atom-text-editor,
2 | atom-text-editor.editor {
3 | .line.split-diff-added {
4 | background: @added !important;
5 | color: rgba(0,0,0,0.5) !important;
6 | .syntax--text span, .syntax--source span {
7 | color: rgba(0,0,0,0.5) !important;
8 | }
9 | .indent-guide {
10 | opacity: 0;
11 | }
12 | }
13 | .line.split-diff-removed {
14 | background: @removed !important;
15 | color: rgba(255,255,255,0.8) !important;
16 | .syntax--text span, .syntax--source span {
17 | color: rgba(255,255,255,0.8) !important;
18 | }
19 | .indent-guide {
20 | opacity: 0;
21 | }
22 | }
23 | }
24 |
--------------------------------------------------------------------------------
/styles/syntax-variables.less:
--------------------------------------------------------------------------------
1 | @import "colors";
2 |
3 | // General colors
4 | @syntax-text-color: @code-font-color;
5 | @syntax-cursor-color: @cursor-color;
6 | @syntax-selection-color: @selected;
7 | @syntax-selection-flash-color: @search-active-bg;
8 | @syntax-background-color: @code-background;
9 |
10 | // Guide colors
11 | @syntax-wrap-guide-color: @guides;
12 | @syntax-indent-guide-color: @guides;
13 | @syntax-invisible-character-color: @invisible;
14 |
15 | // For find and replace markers
16 | @syntax-result-marker-color: @color1;
17 | @syntax-result-marker-color-selected: rgba(0,0,0,0);
18 |
19 | // Gutter colors
20 | @syntax-gutter-text-color: @gutter-text;
21 | @syntax-gutter-text-color-selected: @gutter-text-highlight;
22 | @syntax-gutter-background-color: @gutter-background;
23 | @syntax-gutter-background-color-selected: @gutter-background-highlight;
24 |
25 | // For git diff info. i.e. in the gutter
26 | @syntax-color-renamed: @color1;
27 | @syntax-color-added: @green;
28 | @syntax-color-modified: @yellow;
29 | @syntax-color-removed: @red;
30 |
--------------------------------------------------------------------------------
/styles/syntax.less:
--------------------------------------------------------------------------------
1 | @import "colors";
2 |
3 |
4 | atom-text-editor[mini], atom-text-editor.mini {
5 | .scroll-view {
6 | padding-left: 1px;
7 | }
8 | }
9 |
10 | // MISC
11 | .syntax--source {
12 | color: @color1;
13 | }
14 |
15 | .syntax--text {
16 | color: @code-font-color;
17 | }
18 |
19 | &.syntax--complete_tag {
20 | color: @variable;
21 | }
22 |
23 |
24 | // COMENTS
25 | .syntax--comment {
26 | color: @comment;
27 | background: @comment-bg;
28 | }
29 |
30 |
31 | // CONSTANTS
32 | .syntax--constant {
33 |
34 | // true, false, null, undefined
35 | color: @constant;
36 |
37 | // \ of ("what\'s")
38 | &.syntax--character.syntax--escape {
39 | color: @constant;
40 | }
41 |
42 | &.syntax--name.syntax--attribute.syntax--tag {
43 | color: @constant-name-attribute-tag;
44 | }
45 |
46 | // all the numbers!
47 | &.syntax--numeric {
48 | color: @numeric;
49 | }
50 |
51 | // can't tell what this does :/
52 | &.syntax--other.syntax--color {
53 | color: @constant;
54 | }
55 |
56 | // can't tell what this does :/
57 | &.syntax--other.syntax--symbol {
58 | color: @constant;
59 | }
60 | }
61 |
62 |
63 | // ENTITY | exports of module.exports,
, . of .className
64 | .syntax--entity {
65 |
66 | color: @entity;
67 |
68 |
69 | &.syntax--name {
70 |
71 | &.syntax--class, &.syntax--type.syntax--class {
72 | color: @support;
73 | }
74 | &.syntax--function {
75 | color: @entity-name-function;
76 | }
77 | &.syntax--section {
78 | color: @entity;
79 | }
80 | &.syntax--tag {
81 | color: @entity-name-tag;
82 | text-decoration: none;
83 | &.syntax--block, &.syntax--inline, &.syntax--name {
84 | color: @entity-name-tag;
85 | }
86 | &.syntax--structure {
87 | color: @tag;
88 | }
89 | &.syntax--block {
90 | color: @tag;
91 | }
92 | }
93 | &.syntax--type {
94 | color: @entity-name-type;
95 | text-decoration: none;
96 | &.syntax--tag {
97 | color: @class;
98 | }
99 | }
100 | }
101 |
102 |
103 | &.syntax--other {
104 | &.syntax--attribute-name, {
105 | color: @entity-other-attribute-name;
106 | &.syntax--id {
107 | color: @entity-other-id;
108 | }
109 | }
110 | &.syntax--inherited-class {
111 | color: @entity;
112 | }
113 | }
114 | }
115 |
116 |
117 | // INVALID TEXT
118 | .syntax--invalid.syntax--illegal, .syntax--invalid.syntax--deprecated {
119 | background: none;
120 | color: @error;
121 |
122 | &.syntax--whitespace {
123 | background-color: @error;
124 | }
125 |
126 | .syntax--punctuation {
127 | color: @error-punc;
128 | }
129 | }
130 |
131 |
132 | // KEYWORDS
133 | .syntax--keyword {
134 |
135 | color: @keyword;
136 |
137 | &.syntax--control {
138 | color: @keyword-control;
139 | }
140 |
141 | &.syntax--operator {
142 | color: @keyword-operator;
143 | &.syntax--assignment {
144 | color: @keyword-operator-assignment;
145 | }
146 | &.syntax--new {
147 | color: @keyword-operator-new;
148 | }
149 | }
150 |
151 | &.syntax--other {
152 | &.syntax--important {
153 | color: @keyword-other-important;
154 | }
155 | &.syntax--special-method {
156 | color: @keyword;
157 | }
158 | &.syntax--unit {
159 | color: @keyword;
160 | }
161 | }
162 |
163 | }
164 |
165 |
166 | // MARKUP
167 | .syntax--markup {
168 | &.syntax--bold {
169 | color: @markup;
170 | font-weight: bold;
171 | }
172 |
173 | &.syntax--changed {
174 | color: @markup;
175 | }
176 |
177 | &.syntax--deleted {
178 | color: @markup;
179 | }
180 |
181 | &.syntax--heading .syntax--punctuation.syntax--definition.syntax--heading {
182 | color: @markup;
183 | }
184 |
185 | &.syntax--inserted {
186 | color: @markup;
187 | }
188 |
189 | &.syntax--italic {
190 | color: @markup;
191 | font-style: italic;
192 | }
193 |
194 | &.syntax--list {
195 | color: @markup;
196 | }
197 |
198 | &.syntax--quote {
199 | color: @quotes;
200 | }
201 |
202 | &.syntax--raw.syntax--inline {
203 | color: @markup;
204 | }
205 | }
206 |
207 |
208 | // META
209 | .syntax--meta {
210 |
211 | &.syntax--link {
212 | color: @meta;
213 | }
214 |
215 | &.syntax--require {
216 | color: @meta;
217 | }
218 |
219 |
220 | &.syntax--brace {
221 | &.syntax--curly { color: @brackets; }
222 | &.syntax--round { color: @code-font-color;}
223 | }
224 |
225 | &.syntax--control {
226 | &.syntax--flow {
227 | color: @meta-control-flow;
228 | }
229 | }
230 |
231 | &.syntax--comma {
232 | color: @punctuation;
233 | }
234 |
235 | &.syntax--selector {
236 | color: @punctuation;
237 | }
238 |
239 | &.syntax--separator {
240 | color: @punctuation;
241 | }
242 |
243 | &.syntax--tag {
244 | color: @tag;
245 | }
246 | }
247 |
248 | // NONE
249 | .syntax--none {
250 | color: @code-font-color;
251 | }
252 |
253 |
254 | // PUNCTUATION
255 | .syntax--punctuation {
256 | color: @punctuation;
257 |
258 | &.syntax--terminator {
259 | color: @punctuation;
260 | }
261 |
262 | &.syntax--separator {
263 | color: @punctuation-separator;
264 | }
265 |
266 | &.syntax--definition {
267 |
268 | color: @punctuation;
269 |
270 | &.syntax--array {
271 | color: @punctuation-definition-array;
272 | }
273 |
274 | &.syntax--bold {
275 | color: @code-font-color;
276 | font-weight: bold;
277 | }
278 |
279 | &.syntax--comment {
280 | color: @comment-punc;
281 | }
282 |
283 | &.syntax--heading,
284 | &.syntax--identity,
285 | &.syntax--italic {
286 | color: @code-font-color;
287 | }
288 |
289 | &.syntax--italic {
290 | font-style: italic;
291 | }
292 |
293 | &.syntax--string {
294 | color: @punctuation-definition-string;
295 | &.syntax--begin, &.syntax--end {
296 | color: @quotes;
297 | }
298 | }
299 |
300 | &.syntax--variable {
301 | color: @punctuation-definition-variable;
302 | }
303 |
304 | &.syntax--parameters {
305 | color: @code-font-color;
306 | }
307 |
308 | &.syntax--tag {
309 | color: @tag;
310 | }
311 | }
312 |
313 | &.syntax--section.syntax--embedded {
314 | color: @code-font-color;
315 | }
316 |
317 | }
318 |
319 |
320 |
321 | // STRINGS
322 | .syntax--string {
323 | color: @string;
324 |
325 | .syntax--constant {
326 | color: @constant;
327 | }
328 |
329 | &.syntax--interpolated {
330 | color: @variable;
331 | }
332 |
333 | &.syntax--regexp {
334 |
335 | // ?:input, select, textarea, button of /^(?:input|select|textarea|button)$/i,
336 | color: @regex;
337 |
338 | .syntax--constant.syntax--character.syntax--escape,
339 | .syntax--source.syntax--ruby.syntax--embedded,
340 | .syntax--string.syntax--regexp.syntax--arbitrary-repitition {
341 | color: @regex;
342 | }
343 |
344 | &.syntax--group {
345 | color: @regex;
346 | }
347 |
348 | &.syntax--character-class {
349 | color: @regex;
350 | }
351 |
352 | .syntax--source.syntax--ruby.syntax--embedded {
353 | color: @regex;
354 | }
355 |
356 | }
357 |
358 | &.syntax--quoted {
359 | &.syntax--double { color: @string-quoted-double; }
360 | &.syntax--single { color: @string-quoted-single; }
361 | }
362 |
363 | &.syntax--unquoted {
364 | color: @string-unquoted;
365 | &.syntax--heredoc, &.syntax--here-doc,
366 | &.syntax--nowdoc, &.syntax--now-doc,
367 | &.syntax--block, &.syntax--program-block {
368 | color: @string;
369 | }
370 | }
371 |
372 | &.syntax--other {
373 | color: @string-other;
374 | }
375 |
376 | .syntax--variable {
377 | color: @variable;
378 | }
379 |
380 | // can't tell what this does :/
381 | &.syntax--other.syntax--link {
382 | color: @string;
383 | }
384 | }
385 |
386 |
387 | // STORAGE
388 | .syntax--storage {
389 | color: @storage;
390 |
391 | &.syntax--modifier {
392 | color: @storage;
393 | }
394 |
395 | &.syntax--type {
396 | &.syntax--class {
397 | color: @storage-class;
398 | }
399 | &.syntax--function {
400 | color: @storage-function;
401 | }
402 | &.syntax--var {
403 | color: @storage-var;
404 | }
405 | }
406 |
407 | }
408 |
409 |
410 | // SUPPORT
411 | .syntax--support {
412 |
413 | color: @support;
414 |
415 | &.syntax--class {
416 | color: @support;
417 | }
418 |
419 | &.syntax--function {
420 | color: @function;
421 | &.syntax--decl {
422 | color: @support-function-decl;
423 | }
424 | }
425 |
426 | &.syntax--constant {
427 | color: @constant;
428 | }
429 | &.syntax--type {
430 | &.syntax--property-name {
431 | color: @support-type-property-name;
432 | }
433 | }
434 | }
435 |
436 | // VARIABLES
437 | .syntax--variable {
438 | color: @variable;
439 |
440 | &.syntax--control.syntax--import.syntax--include {
441 | color: @variable-import;
442 | }
443 |
444 | &.syntax--other {
445 | color: @variable-other;
446 |
447 | &.syntax--property {
448 | color: @variable-other-property;
449 | }
450 | &.syntax--module {
451 | color: @variable-other-module;
452 | }
453 | &.syntax--module-alias {
454 | color: @variable-other-module-alias;
455 | }
456 | &.syntax--object {
457 | color: @variable-other-object;
458 | }
459 | }
460 |
461 | &.syntax--parameter {
462 | &.syntax--function {
463 | color: @obj-method;
464 | }
465 | }
466 | }
467 |
--------------------------------------------------------------------------------
/styles/themes/blue.less:
--------------------------------------------------------------------------------
1 | @color1: @blue;
2 | @color1-highlight: @blue-highlight;
3 | @color1-text: @blue-text;
4 |
5 | @color2: @green;
6 | @color2-highlight: @green-highlight;
7 | @color2-text: @green-text;
8 |
9 | @color3: @purple;
10 | @color3-highlight: @purple-highlight;
11 | @color3-text: @purple-text;
12 |
13 | @color4: @red;
14 | @color4-highlight: @red-highlight;
15 | @color4-text: @red-text;
16 |
17 | @color5: @yellow;
18 | @color5-highlight: @yellow-highlight;
19 | @color5-text: @yellow-text;
20 |
21 | @color6: @orange;
22 | @color6-highlight: @orange-highlight;
23 | @color6-text: @orange-text;
24 |
25 | @color7: @pink;
26 | @color7-highlight: @pink-highlight;
27 | @color7-text: @pink-text;
28 |
29 | @color8: @steel;
30 | @color8-highlight: @steel-highlight;
31 | @color8-text: @steel-text;
32 |
--------------------------------------------------------------------------------
/styles/themes/default.less:
--------------------------------------------------------------------------------
1 | @import "blue";
2 |
--------------------------------------------------------------------------------
/styles/themes/green.less:
--------------------------------------------------------------------------------
1 | @color1: @green;
2 | @color1-highlight: @green-highlight;
3 | @color1-text: @green-text;
4 |
5 | @color2: @purple;
6 | @color2-highlight: @purple-highlight;
7 | @color2-text: @purple-text;
8 |
9 | @color3: @blue;
10 | @color3-highlight: @blue-highlight;
11 | @color3-text: @blue-text;
12 |
13 | @color4: @pink;
14 | @color4-highlight: @pink-highlight;
15 | @color4-text: @pink-text;
16 |
17 | @color5: @yellow;
18 | @color5-highlight: @yellow-highlight;
19 | @color5-text: @yellow-text;
20 |
21 | @color6: @orange;
22 | @color6-highlight: @orange-highlight;
23 | @color6-text: @orange-text;
24 |
25 | @color7: @steel;
26 | @color7-highlight: @steel-highlight;
27 | @color7-text: @steel-text;
28 |
29 | @color8: @red;
30 | @color8-highlight: @red-highlight;
31 | @color8-text: @red-text;
32 |
--------------------------------------------------------------------------------
/styles/themes/orange.less:
--------------------------------------------------------------------------------
1 | @color1: @orange;
2 | @color1-highlight: @orange-highlight;
3 | @color1-text: @orange-text;
4 |
5 | @color2: @purple;
6 | @color2-highlight: @purple-highlight;
7 | @color2-text: @purple-text;
8 |
9 | @color3: @blue;
10 | @color3-highlight: @blue-highlight;
11 | @color3-text: @blue-text;
12 |
13 | @color4: @pink;
14 | @color4-highlight: @pink-highlight;
15 | @color4-text: @pink-text;
16 |
17 | @color5: @yellow;
18 | @color5-highlight: @yellow-highlight;
19 | @color5-text: @yellow-text;
20 |
21 | @color6: @red;
22 | @color6-highlight: @red-highlight;
23 | @color6-text: @red-text;
24 |
25 | @color7: @steel;
26 | @color7-highlight: @steel-highlight;
27 | @color7-text: @steel-text;
28 |
29 | @color8: @green;
30 | @color8-highlight: @green-highlight;
31 | @color8-text: @green-text;
32 |
--------------------------------------------------------------------------------
/styles/themes/pink.less:
--------------------------------------------------------------------------------
1 | @color1: @pink;
2 | @color1-highlight: @pink-highlight;
3 | @color1-text: @pink-text;
4 |
5 | @color2: @purple;
6 | @color2-highlight: @purple-highlight;
7 | @color2-text: @purple-text;
8 |
9 | @color3: @green;
10 | @color3-highlight: @green-highlight;
11 | @color3-text: @green-text;
12 |
13 | @color4: @red;
14 | @color4-highlight: @red-highlight;
15 | @color4-text: @red-text;
16 |
17 | @color5: @blue;
18 | @color5-highlight: @blue-highlight;
19 | @color5-text: @blue-text;
20 |
21 | @color6: @orange;
22 | @color6-highlight: @orange-highlight;
23 | @color6-text: @orange-text;
24 |
25 | @color7: @yellow;
26 | @color7-highlight: @yellow-highlight;
27 | @color7-text: @yellow-text;
28 |
29 | @color8: @steel;
30 | @color8-highlight: @steel-highlight;
31 | @color8-text: @steel-text;
32 |
--------------------------------------------------------------------------------
/styles/themes/purple.less:
--------------------------------------------------------------------------------
1 | @color1: @purple;
2 | @color1-highlight: @purple-highlight;
3 | @color1-text: @purple-text;
4 |
5 | @color2: @green;
6 | @color2-highlight: @green-highlight;
7 | @color2-text: @green-text;
8 |
9 | @color3: @red;
10 | @color3-highlight: @red-highlight;
11 | @color3-text: @red-text;
12 |
13 | @color4: @yellow;
14 | @color4-highlight: @yellow-highlight;
15 | @color4-text: @yellow-text;
16 |
17 | @color5: @pink;
18 | @color5-highlight: @pink-highlight;
19 | @color5-text: @pink-text;
20 |
21 | @color6: @orange;
22 | @color6-highlight: @orange-highlight;
23 | @color6-text: @orange-text;
24 |
25 | @color7: @blue;
26 | @color7-highlight: @blue-highlight;
27 | @color7-text: @blue-text;
28 |
29 | @color8: @steel;
30 | @color8-highlight: @steel-highlight;
31 | @color8-text: @steel-text;
32 |
--------------------------------------------------------------------------------
/styles/themes/red.less:
--------------------------------------------------------------------------------
1 | @color1: @red;
2 | @color1-highlight: @red-highlight;
3 | @color1-text: @red-text;
4 |
5 | @color2: @purple;
6 | @color2-highlight: @purple-highlight;
7 | @color2-text: @purple-text;
8 |
9 | @color3: @blue;
10 | @color3-highlight: @blue-highlight;
11 | @color3-text: @blue-text;
12 |
13 | @color4: @green;
14 | @color4-highlight: @green-highlight;
15 | @color4-text: @green-text;
16 |
17 | @color5: @yellow;
18 | @color5-highlight: @yellow-highlight;
19 | @color5-text: @yellow-text;
20 |
21 | @color6: @steel;
22 | @color6-highlight: @steel-highlight;
23 | @color6-text: @steel-text;
24 |
25 | @color7: @pink;
26 | @color7-highlight: @pink-highlight;
27 | @color7-text: @pink-text;
28 |
29 | @color8: @orange;
30 | @color8-highlight: @orange-highlight;
31 | @color8-text: @orange-text;
32 |
--------------------------------------------------------------------------------
/styles/themes/steel.less:
--------------------------------------------------------------------------------
1 | @color1: @steel;
2 | @color1-highlight: @steel-highlight;
3 | @color1-text: @steel-text;
4 |
5 | @color2: @purple;
6 | @color2-highlight: @purple-highlight;
7 | @color2-text: @purple-text;
8 |
9 | @color3: @blue;
10 | @color3-highlight: @blue-highlight;
11 | @color3-text: @blue-text;
12 |
13 | @color4: @green;
14 | @color4-highlight: @green-highlight;
15 | @color4-text: @green-text;
16 |
17 | @color5: @yellow;
18 | @color5-highlight: @yellow-highlight;
19 | @color5-text: @yellow-text;
20 |
21 | @color6: @orange;
22 | @color6-highlight: @orange-highlight;
23 | @color6-text: @orange-text;
24 |
25 | @color7: @pink;
26 | @color7-highlight: @pink-highlight;
27 | @color7-text: @pink-text;
28 |
29 | @color8: @red;
30 | @color8-highlight: @red-highlight;
31 | @color8-text: @red-text;
32 |
--------------------------------------------------------------------------------
/styles/themes/yellow.less:
--------------------------------------------------------------------------------
1 | // ENTITY, ENTITY-FUNCTION, FUNCTION PARAM, REGEX, STRING
2 | // HTML : TAG, TAG ENTITY, BLOCK
3 | @color1: @yellow;
4 | @color1-highlight: @yellow-highlight;
5 | @color1-text: @yellow-text;
6 |
7 | // SUPPORT
8 | // HTML : ELEMENT-ATTR, CLASS, ID
9 | @color2: @red;
10 | @color2-highlight: @red-highlight;
11 | @color2-text: @red-text;
12 |
13 | // CONSTANT, NUMERIC
14 | @color3: @purple;
15 | @color3-highlight: @purple-highlight;
16 | @color3-text: @purple-text;
17 |
18 | // KEYWORD
19 | @color4: @purple;
20 | @color4-highlight: @purple-highlight;
21 | @color4-text: @purple-text;
22 |
23 | // STORAGE, VARIABLE
24 | @color5: @blue;
25 | @color5-highlight: @blue-highlight;
26 | @color5-text: @blue-text;
27 |
28 | // N/A
29 | @color6: @steel;
30 | @color6-highlight: @steel-highlight;
31 | @color6-text: @steel-text;
32 |
33 | // N/A
34 | @color7: @orange;
35 | @color7-highlight: @orange-highlight;
36 | @color7-text: @orange-text;
37 |
38 | // N/A
39 | @color8: @green;
40 | @color8-highlight: @green-highlight;
41 | @color8-text: @green-text;
42 |
--------------------------------------------------------------------------------
/styles/user-theme.less:
--------------------------------------------------------------------------------
1 | @import "themes/blue";
--------------------------------------------------------------------------------