index.less

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