index.less

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