index.less

   1 @import './styles/syntax-variables';
   2
   3 :host, 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 .marker .region {
  44     background-color: transparent;
  45     border: 1px solid @syntax-result-marker-color;
  46   }
  47
  48   .search-results .marker.current-result .region {
  49     border: 1px solid @syntax-result-marker-color-selected;
  50   }
  51
  52   .comment {
  53     color: #75715E;
  54   }
  55
  56   .string {
  57     color: #E6DB74;
  58   }
  59
  60   .constant.numeric {
  61     color: #AE81FF;
  62   }
  63
  64   .constant.language {
  65     color: #AE81FF;
  66   }
  67
  68   .constant.character,
  69   .constant.other {
  70     color: #AE81FF;
  71   }
  72
  73   .keyword {
  74     color: #F92672;
  75   }
  76
  77   .storage {
  78     color: #F92672;
  79   }
  80
  81   .storage.type {
  82     font-style: italic;
  83     color: #66D9EF;
  84   }
  85
  86   .entity.name.class {
  87     text-decoration: underline;
  88     color: #A6E22E;
  89   }
  90
  91   .entity.other.inherited-class {
  92     font-style: italic;
  93     text-decoration: underline;
  94     color: #A6E22E;
  95   }
  96
  97   .entity.name.function {
  98     color: #A6E22E;
  99   }
 100
 101   .entity.name.instance {
 102     color: #66D9EF;
 103   }
 104
 105   .variable.parameter {
 106     font-style: italic;
 107     color: #FD971F;
 108   }
 109
 110   // 'this' Javascript
 111   .variable.language.js {
 112     color: #F92672;
 113   }
 114
 115   .entity.name.tag {
 116     color: #F92672;
 117   }
 118
 119   .entity.other.attribute-name {
 120     color: #A6E22E;
 121   }
 122
 123   .support.function {
 124     color: #66D9EF;
 125   }
 126
 127   .support.constant {
 128     color: #66D9EF;
 129   }
 130
 131   .support.type,
 132   .support.class {
 133     font-style: italic;
 134     color: #66D9EF;
 135   }
 136
 137   .invalid {
 138     color: #F8F8F0;
 139     background-color: #F92672;
 140   }
 141
 142   .invalid.deprecated {
 143     color: #F8F8F0;
 144     background-color: #AE81FF;
 145   }
 146
 147   // Jade syntax
 148   .class.jade {
 149     color: #AE81FF;
 150   }
 151
 152   .gfm {
 153     .markup {
 154       &.heading {
 155         color: #A6E22E;
 156         font-weight: bold;
 157       }
 158
 159       &.underline {
 160         color: #E6DB74;
 161         text-decoration: underline;
 162       }
 163     }
 164
 165     .bold {
 166       font-weight: bold;
 167     }
 168
 169     .italic {
 170       font-style: italic;
 171     }
 172
 173     .raw {
 174       color: #66D9EF;
 175     }
 176
 177     .variable.list {
 178       color: #F92672;
 179       font-weight: bold;
 180     }
 181
 182     .link {
 183       color: #CCC;
 184
 185       .entity {
 186         color: #AE81FF;
 187       }
 188     }
 189   }
 190 }