Rename "stylesheets/" directory to "styles/"
[atom-ax-monokai-syntax.git] / index.less
1 @import './styles/syntax-variables';
2
3 .editor-colors {
4   background-color: @syntax-background-color;
5   color: @syntax-text-color;
6 }
7
8 .editor {
9   .invisible-character {
10     color: @syntax-invisible-character-color;
11   }
12
13   .indent-guide {
14     color: @syntax-indent-guide-color;
15   }
16
17   .wrap-guide {
18     background-color: @syntax-wrap-guide-color;
19   }
20
21   .gutter {
22     background-color: @syntax-gutter-background-color;
23
24     .cursor-line {
25       background-color: @syntax-gutter-background-color-selected;
26     }
27   }
28
29   .line-number.cursor-line-no-selection {
30     background-color: @syntax-gutter-background-color-selected;
31   }
32
33   .invisible {
34     color: @syntax-text-color;
35   }
36
37   .cursor {
38     border-color: @syntax-cursor-color;
39   }
40
41   .selection .region {
42     background-color: @syntax-selection-color;
43   }
44
45   .search-results .marker .region {
46     background-color: transparent;
47     border: 1px solid @syntax-result-marker-color;
48   }
49
50   .search-results .marker.current-result .region {
51     border: 1px solid @syntax-result-marker-color-selected;
52   }
53
54   .comment {
55     color: #75715E;
56   }
57
58   .string {
59     color: #E6DB74;
60   }
61
62   .constant.numeric {
63     color: #AE81FF;
64   }
65
66   .constant.language {
67     color: #AE81FF;
68   }
69
70   .constant.character,
71   .constant.other {
72     color: #AE81FF;
73   }
74
75   .keyword {
76     color: #F92672;
77   }
78
79   .storage {
80     color: #F92672;
81   }
82
83   .storage.type {
84     font-style: italic;
85     color: #66D9EF;
86   }
87
88   .entity.name.class {
89     text-decoration: underline;
90     color: #A6E22E;
91   }
92
93   .entity.other.inherited-class {
94     font-style: italic;
95     text-decoration: underline;
96     color: #A6E22E;
97   }
98
99   .entity.name.function {
100     color: #A6E22E;
101   }
102
103   .entity.name.instance {
104     color: #66D9EF;
105   }
106
107   .variable.parameter {
108     font-style: italic;
109     color: #FD971F;
110   }
111
112   .entity.name.tag {
113     color: #F92672;
114   }
115
116   .entity.other.attribute-name {
117     color: #A6E22E;
118   }
119
120   .support.function {
121     color: #66D9EF;
122   }
123
124   .support.constant {
125     color: #66D9EF;
126   }
127
128   .support.type,
129   .support.class {
130     font-style: italic;
131     color: #66D9EF;
132   }
133
134   .invalid {
135     color: #F8F8F0;
136     background-color: #F92672;
137   }
138
139   .invalid.deprecated {
140     color: #F8F8F0;
141     background-color: #AE81FF;
142   }
143
144   // Jade syntax
145   .class.jade {
146     color: #AE81FF;
147   }
148
149   .gfm {
150     .markup {
151       &.heading {
152         color: #A6E22E;
153         font-weight: bold;
154       }
155
156       &.underline {
157         color: #E6DB74;
158         text-decoration: underline;
159       }
160     }
161
162     .bold {
163       font-weight: bold;
164     }
165
166     .italic {
167       font-style: italic;
168     }
169
170     .raw {
171       color: #66D9EF;
172     }
173
174     .variable.list {
175       color: #F92672;
176       font-weight: bold;
177     }
178
179     .link {
180       color: #CCC;
181
182       .entity {
183         color: #AE81FF;
184       }
185     }
186   }
187 }