"Fossies" - the Fresh Open Source Software Archive

Member "Atom/resources/app/apm/templates/theme/styles/base.less" (7 Feb 2017, 4817 Bytes) of archive /windows/misc/atom-windows.zip:


As a special service "Fossies" has tried to format the requested source page into HTML format using (guessed) LESS source code syntax highlighting (style: standard) with prefixed line numbers. Alternatively you can here view or download the uninterpreted source code file.

    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 .keyword {
   70   color: @purple;
   71 
   72   &.control {
   73     color: @purple;
   74   }
   75 
   76   &.operator {
   77     color: @syntax-text-color;
   78   }
   79 
   80   &.other.special-method {
   81     color: @blue;
   82   }
   83 
   84   &.other.unit {
   85     color: @orange;
   86   }
   87 }
   88 
   89 .storage {
   90   color: @purple;
   91 }
   92 
   93 .constant {
   94   color: @orange;
   95 
   96   &.character.escape {
   97     color: @cyan;
   98   }
   99 
  100   &.numeric {
  101     color: @orange;
  102   }
  103 
  104   &.other.color {
  105     color: @cyan;
  106   }
  107 
  108   &.other.symbol {
  109     color: @green;
  110   }
  111 }
  112 
  113 .variable {
  114   color: @red;
  115 
  116   &.interpolation {
  117     color: darken(@red, 10%);
  118   }
  119 
  120   &.parameter.function {
  121     color: @syntax-text-color;
  122   }
  123 }
  124 
  125 .invalid.illegal {
  126   background-color: @red;
  127   color: @syntax-background-color;
  128 }
  129 
  130 .string {
  131   color: @green;
  132 
  133 
  134   &.regexp {
  135     color: @cyan;
  136 
  137     .source.ruby.embedded {
  138       color: @orange;
  139     }
  140   }
  141 
  142   &.other.link {
  143     color: @red;
  144   }
  145 }
  146 
  147 .punctuation {
  148   &.definition {
  149     &.comment {
  150       color: @light-gray;
  151     }
  152 
  153     &.string,
  154     &.variable,
  155     &.parameters,
  156     &.array {
  157       color: @syntax-text-color;
  158     }
  159 
  160     &.heading,
  161     &.identity {
  162       color: @blue;
  163     }
  164 
  165     &.bold {
  166       color: @light-orange;
  167       font-weight: bold;
  168     }
  169 
  170     &.italic {
  171       color: @purple;
  172       font-style: italic;
  173     }
  174   }
  175 
  176   &.section.embedded {
  177     color: darken(@red, 10%);
  178   }
  179 
  180 }
  181 
  182 .support {
  183   &.class {
  184     color: @light-orange;
  185   }
  186 
  187   &.function  {
  188     color: @cyan;
  189 
  190     &.any-method {
  191       color: @blue;
  192     }
  193   }
  194 }
  195 
  196 .entity {
  197   &.name.function {
  198     color: @blue;
  199   }
  200   &.name.type {
  201     color: @light-orange;
  202     text-decoration: underline;
  203   }
  204 
  205   &.other.inherited-class {
  206     color: @green;
  207   }
  208   &.name.class, &.name.type.class {
  209     color: @light-orange;
  210   }
  211 
  212   &.name.section {
  213     color: @blue;
  214   }
  215 
  216   &.name.tag {
  217     color: @red;
  218     text-decoration: underline;
  219   }
  220 
  221   &.other.attribute-name {
  222     color: @orange;
  223 
  224     &.id {
  225       color: @blue;
  226     }
  227   }
  228 }
  229 
  230 .meta {
  231   &.class {
  232     color: @light-orange;
  233   }
  234 
  235   &.link {
  236     color: @orange;
  237   }
  238 
  239   &.require {
  240     color: @blue;
  241   }
  242 
  243   &.selector {
  244     color: @purple;
  245   }
  246 
  247   &.separator {
  248     background-color: @gray;
  249     color: @syntax-text-color;
  250   }
  251 }
  252 
  253 .none {
  254   color: @syntax-text-color;
  255 }
  256 
  257 .markup {
  258   &.bold {
  259     color: @orange;
  260     font-weight: bold;
  261   }
  262 
  263   &.changed {
  264     color: @purple;
  265   }
  266 
  267   &.deleted {
  268     color: @red;
  269   }
  270 
  271   &.italic {
  272     color: @purple;
  273     font-style: italic;
  274   }
  275 
  276   &.heading .punctuation.definition.heading {
  277     color: @blue;
  278   }
  279 
  280   &.inserted {
  281     color: @green;
  282   }
  283 
  284   &.list {
  285     color: @red;
  286   }
  287 
  288   &.quote {
  289     color: @orange;
  290   }
  291 
  292   &.raw.inline {
  293     color: @green;
  294   }
  295 }
  296 
  297 .source.gfm .markup {
  298   -webkit-font-smoothing: auto;
  299   &.heading {
  300     color: @green;
  301   }
  302 }
  303 
  304 atom-text-editor[mini] .scroll-view,
  305 :host([mini]) .scroll-view {
  306   padding-left: 1px;
  307 }