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