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   .entity.name.tag {
 111     color: #F92672;
 112   }
 113
 114   .entity.other.attribute-name {
 115     color: #A6E22E;
 116   }
 117
 118   .support.function {
 119     color: #66D9EF;
 120   }
 121
 122   .support.constant {
 123     color: #66D9EF;
 124   }
 125
 126   .support.type,
 127   .support.class {
 128     font-style: italic;
 129     color: #66D9EF;
 130   }
 131
 132   .invalid {
 133     color: #F8F8F0;
 134     background-color: #F92672;
 135   }
 136
 137   .invalid.deprecated {
 138     color: #F8F8F0;
 139     background-color: #AE81FF;
 140   }
 141
 142   // Jade syntax
 143   .class.jade {
 144     color: #AE81FF;
 145   }
 146
 147   .gfm {
 148     .markup {
 149       &.heading {
 150         color: #A6E22E;
 151         font-weight: bold;
 152       }
 153
 154       &.underline {
 155         color: #E6DB74;
 156         text-decoration: underline;
 157       }
 158     }
 159
 160     .bold {
 161       font-weight: bold;
 162     }
 163
 164     .italic {
 165       font-style: italic;
 166     }
 167
 168     .raw {
 169       color: #66D9EF;
 170     }
 171
 172     .variable.list {
 173       color: #F92672;
 174       font-weight: bold;
 175     }
 176
 177     .link {
 178       color: #CCC;
 179
 180       .entity {
 181         color: #AE81FF;
 182       }
 183     }
 184   }
 185 }