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   .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 }