index.less

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