git.r.bdr.sh - rbdr/api-notation-atom/blob - styles/base.less

   1 @import "syntax-variables";
   2
   3 atom-text-editor, :host {
   4   background-color: @syntax-background-color;
   5   color: @syntax-text-color;
   6
   7   .wrap-guide {
   8     background-color: @syntax-wrap-guide-color;
   9   }
  10
  11   .indent-guide {
  12     color: @syntax-indent-guide-color;
  13   }
  14
  15   .invisible-character {
  16     color: @syntax-invisible-character-color;
  17   }
  18
  19   .gutter {
  20     background-color: @syntax-gutter-background-color;
  21     color: @syntax-gutter-text-color;
  22
  23     .line-number {
  24       &.cursor-line {
  25         background-color: @syntax-gutter-background-color-selected;
  26         color: @syntax-gutter-text-color-selected;
  27       }
  28
  29       &.cursor-line-no-selection {
  30         color: @syntax-gutter-text-color-selected;
  31       }
  32     }
  33   }
  34
  35   .gutter .line-number.folded,
  36   .gutter .line-number:after,
  37   .fold-marker:after {
  38     color: @light-gray;
  39   }
  40
  41   .invisible {
  42     color: @syntax-text-color;
  43   }
  44
  45   .cursor {
  46     color: @syntax-cursor-color;
  47   }
  48
  49   .selection .region {
  50     background-color: @syntax-selection-color;
  51   }
  52 }
  53
  54 atom-text-editor .search-results .marker .region,
  55 :host .search-results .marker .region {
  56   background-color: transparent;
  57   border: 1px solid @syntax-result-marker-color;
  58 }
  59
  60 atom-text-editor .search-results .marker.current-result .region,
  61 :host .search-results .marker.current-result .region {
  62   border: 1px solid @syntax-result-marker-color-selected;
  63 }
  64
  65 .comment {
  66   color: @light-gray;
  67 }
  68
  69 .entity {
  70   &.name.type {
  71     color: @light-orange;
  72     text-decoration: underline;
  73   }
  74
  75   &.other.inherited-class {
  76     color: @green;
  77   }
  78 }
  79
  80 .keyword {
  81   color: @purple;
  82
  83   &.control {
  84     color: @purple;
  85   }
  86
  87   &.operator {
  88     color: @syntax-text-color;
  89   }
  90
  91   &.other.special-method {
  92     color: @blue;
  93   }
  94
  95   &.other.unit {
  96     color: @orange;
  97   }
  98 }
  99
 100 .storage {
 101   color: @purple;
 102 }
 103
 104 .constant {
 105   color: @orange;
 106
 107   &.character.escape {
 108     color: @cyan;
 109   }
 110
 111   &.numeric {
 112     color: @orange;
 113   }
 114
 115   &.other.color {
 116     color: @cyan;
 117   }
 118
 119   &.other.symbol {
 120     color: @green;
 121   }
 122 }
 123
 124 .variable {
 125   color: @red;
 126
 127   &.interpolation {
 128     color: darken(@red, 10%);
 129   }
 130
 131   &.parameter.function {
 132     color: @syntax-text-color;
 133   }
 134 }
 135
 136 .invalid.illegal {
 137   background-color: @red;
 138   color: @syntax-background-color;
 139 }
 140
 141 .string {
 142   color: @green;
 143
 144
 145   &.regexp {
 146     color: @cyan;
 147
 148     .source.ruby.embedded {
 149       color: @orange;
 150     }
 151   }
 152
 153   &.other.link {
 154     color: @red;
 155   }
 156 }
 157
 158 .punctuation {
 159   &.definition {
 160     &.comment {
 161       color: @light-gray;
 162     }
 163
 164     &.string,
 165     &.variable,
 166     &.parameters,
 167     &.array {
 168       color: @syntax-text-color;
 169     }
 170
 171     &.heading,
 172     &.identity {
 173       color: @blue;
 174     }
 175
 176     &.bold {
 177       color: @light-orange;
 178       font-weight: bold;
 179     }
 180
 181     &.italic {
 182       color: @purple;
 183       font-style: italic;
 184     }
 185   }
 186
 187   &.section.embedded {
 188     color: darken(@red, 10%);
 189   }
 190
 191 }
 192
 193 .support {
 194   &.class {
 195     color: @light-orange;
 196   }
 197
 198   &.function  {
 199     color: @cyan;
 200
 201     &.any-method {
 202       color: @blue;
 203     }
 204   }
 205 }
 206
 207 .entity {
 208   &.name.function {
 209     color: @blue;
 210   }
 211
 212   &.name.class, &.name.type.class {
 213     color: @light-orange;
 214   }
 215
 216   &.name.section {
 217     color: @blue;
 218   }
 219
 220   &.name.tag {
 221     color: @red;
 222     text-decoration: underline;
 223   }
 224
 225   &.other.attribute-name {
 226     color: @orange;
 227
 228     &.id {
 229       color: @blue;
 230     }
 231   }
 232 }
 233
 234 .meta {
 235   &.class {
 236     color: @light-orange;
 237   }
 238
 239   &.link {
 240     color: @orange;
 241   }
 242
 243   &.require {
 244     color: @blue;
 245   }
 246
 247   &.selector {
 248     color: @purple;
 249   }
 250
 251   &.separator {
 252     background-color: @gray;
 253     color: @syntax-text-color;
 254   }
 255 }
 256
 257 .none {
 258   color: @syntax-text-color;
 259 }
 260
 261 .markup {
 262   &.bold {
 263     color: @orange;
 264     font-weight: bold;
 265   }
 266
 267   &.changed {
 268     color: @purple;
 269   }
 270
 271   &.deleted {
 272     color: @red;
 273   }
 274
 275   &.italic {
 276     color: @purple;
 277     font-style: italic;
 278   }
 279
 280   &.heading .punctuation.definition.heading {
 281     color: @blue;
 282   }
 283
 284   &.inserted {
 285     color: @green;
 286   }
 287
 288   &.list {
 289     color: @red;
 290   }
 291
 292   &.quote {
 293     color: @orange;
 294   }
 295
 296   &.raw.inline {
 297     color: @green;
 298   }
 299 }
 300
 301 .source.gfm .markup {
 302   -webkit-font-smoothing: auto;
 303   &.heading {
 304     color: @green;
 305   }
 306 }
 307
 308 atom-text-editor[mini] .scroll-view,
 309 :host([mini]) .scroll-view {
 310   padding-left: 1px;
 311 }