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     font-style: italic;
  56   }
  57
  58   .syntax--string {
  59     color: #E6DB74;
  60   }
  61
  62   .syntax--class.syntax--jade,
  63   .syntax--constant.syntax--character,
  64   .syntax--constant.syntax--language,
  65   .syntax--constant.syntax--numeric,
  66   .syntax--constant.syntax--other {
  67     color: #AE81FF;
  68   }
  69
  70   .syntax--keyword,
  71   .syntax--storage {
  72     color: #F92672;
  73   }
  74
  75   .syntax--storage.syntax--type,
  76   .syntax--support.syntax--class,
  77   .syntax--support.syntax--type {
  78     font-style: italic;
  79     color: #66D9EF;
  80   }
  81
  82   .syntax--entity.syntax--name.syntax--class {
  83     text-decoration: underline;
  84     color: #A6E22E;
  85   }
  86
  87   .syntax--entity.syntax--other.syntax--inherited-class {
  88     font-style: italic;
  89     text-decoration: underline;
  90     color: #A6E22E;
  91   }
  92
  93   .syntax--entity.syntax--name.syntax--function,
  94   .syntax--entity.syntax--other.syntax--attribute-name {
  95     color: #A6E22E;
  96   }
  97
  98   .syntax--variable.syntax--parameter {
  99     font-style: italic;
 100     color: #FD971F;
 101   }
 102
 103   .syntax--entity.syntax--name.syntax--tag,
 104   .syntax--variable.syntax--language.syntax--js {
 105     color: #F92672;
 106   }
 107
 108   .syntax--entity.syntax--name.syntax--instance,
 109   .syntax--support.syntax--constant,
 110   .syntax--support.syntax--function {
 111     color: #66D9EF;
 112   }
 113
 114   .syntax--invalid {
 115     color: #F8F8F0;
 116     background-color: #F92672;
 117   }
 118
 119   .syntax--invalid.syntax--deprecated {
 120     color: #F8F8F0;
 121     background-color: #AE81FF;
 122   }
 123
 124   .syntax--gfm {
 125     .syntax--markup {
 126       &.syntax--heading {
 127         color: #A6E22E;
 128         font-weight: bold;
 129       }
 130
 131       &.syntax--underline {
 132         color: #E6DB74;
 133         text-decoration: underline;
 134       }
 135     }
 136
 137     .syntax--bold {
 138       font-weight: bold;
 139     }
 140
 141     .syntax--italic {
 142       font-style: italic;
 143     }
 144
 145     .syntax--raw {
 146       color: #66D9EF;
 147     }
 148
 149     .syntax--variable.syntax--list {
 150       color: #F92672;
 151       font-weight: bold;
 152     }
 153
 154     .syntax--link {
 155       color: #CCC;
 156
 157       .syntax--entity {
 158         color: #AE81FF;
 159       }
 160     }
 161   }
 162 }