index.less

@import 'syntax-variables';

atom-text-editor, atom-text-editor::shadow, :host {
    background-color: @syntax-background-color;
    color: @syntax-text-color;

    .invisible-character {
        color: @syntax-invisible-character-color;
    }

    .indent-guide {
        color: @syntax-indent-guide-color;
    }

    .wrap-guide {
        background-color: @syntax-wrap-guide-color;
    }

    .gutter {
        background-color: @syntax-gutter-background-color;
    }

    .line-number.cursor-line-no-selection {
        background-color: @syntax-gutter-background-color-selected;
    }

    .invisible {
        color: @syntax-text-color;
    }

    .cursor {
        border-color: @syntax-cursor-color;
    }

    .selection .region {
        background-color: @syntax-selection-color;
    }

    .search-results .marker .region {
        border: 1px solid @syntax-result-marker-color;
    }

    .highlight {
      &.find-result .region,
      &.current-result .region,
      &.current-result ~ .highlight.selection .region {
        z-index: -1;
      }

      &.find-result .region {
        background: @highlight-blue !important;
        border: 1px solid @syntax-result-marker-color !important;
      }

      &.current-result .region,
      &.current-result ~ .highlight.selection .region {
        background: @light-yellow;
        border: 1px solid @syntax-result-marker-color-selected !important;
      }
    }

  .gfm {
    .markup {
      &.heading {
        color: @green;
        font-weight: bold;
      }

      &.underline {
        color: @yellow;
        text-decoration: underline;
      }
    }

    .bold {
      font-weight: bold;
    }

    .italic {
      font-style: italic;
    }

    .raw {
      color: @blue;
    }

    .variable.list {
      color: @pink;
      font-weight: bold;
    }

    .link {
      color: @light-gray;

      .entity {
        color: @purple;
      }
    }
  }
}

.comment {
  color: @brown;
}

.constant {
  &.character,
  &.language,
  &.numeric,
  &.other {
    color: @purple;
  }
}

.entity {
  &.name.class {
    text-decoration: none;
    color: @green;
  }

  &.name.function {
    color: @green;
  }

  &.name.instance {
    color: @blue;
  }

  &.name.tag {
    color: @pink;
  }

  &.other.attribute-name {
    color: @green;
  }

  &.other.inherited-class {
    font-style: italic;
    text-decoration: none;
    color: @green;
  }
}

.invalid {
  color: @ghost-white;
  background-color: @pink;

  &.deprecated {
    background-color: @purple;
  }
}

.keyword {
  color: @pink !important;
}

.meta.tag {
  color: @syntax-text-color;
}

.storage {
  color: @pink;

  &.type {
    font-style: italic;
    color: @blue;
  }
}

.string {
  color: @yellow;
}

.support {
  &.constant,
  &.function {
    color: @blue;
  }

  &.class,
  &.type {
    font-style: italic;
    color: @blue;
  }
}

.variable {
  &.parameter {
    font-style: italic;
    color: @orange;
  }

  // 'self' Python
  &.language.python,
  // 'this' Javascript
  &.language.js {
    color: @pink;
  }
}

// Jade syntax
.class.jade {
  color: @purple;
}

// Prevent underlines from making their way into whitespace elements
.leading-whitespace,
.trailing-whitespace {
  display: inline-block;
}