@import "ui-variables";

@base03: #36312C;
@base02: #073642;
@base01: #586e75;
@base00: #657b83;
@base0: #839496;
@base1: #93a1a1;
@base2: #eee8d5;
@base3: #fdf6e3;

@yellow: #b58900;
@orange: #cb4b16;
@red: #dc322f;
@magenta: #d33682;
@violet: #6c71c4;
@blue: #268bd2;
@cyan: #2aa198;
@green: #859900;


.editor-colors {
  background-color: #36312C;
  color: #F8F8F2;
}

.editor {
  .invisible-character,
  .indent-guide {
    color: #45403B;
  }

  .gutter {
    background-color: #36312C;
  }

  .gutter .line-number {
    opacity: 0.3;
  }

  .gutter .line-number.folded,
  .gutter .line-number:after,
  .fold-marker:after {
    color: #F23A3A;
  }

  .cursor {
    border-color: #f8f8f0;
  }

  .selection .region {
    background-color: #2EBF7E;
    color: #ffffff;
  }

  .line-number.cursor-line-no-selection {
    background-color: #45403B;
  }
}

.bracket-matcher {
  background-color: #F23A3A;
  opacity: 0.4;
}

.comment {
  color: #7A7267;
}

.entity {
  color: #F8BB39;
}

.entity.name.type.class {
  color: #F8F8F2;
}

.keyword {
  color: #FC803D;
}

.storage.type {
  color: #2EBF7E;
}

.storage.modifier {
  color: #F23A3A;
}

.constant {
  color: #F23A3A;

  &.numeric,
  &.boolean {
    color: #2EBF7E;
  }
}

.variable {
  color: #F8F8F2;
}

.delimiter, .brace {
  color: #F8F8F2;
}

.delimiter.period {
  color: #F23A3A;
}

.invalid.deprecated {
  text-decoration: underline;
  color: @red;
}

.invalid.illegal {
  color: @red;
}

.string {
  color: #F8BB39;

  .constant.character.escape {
    color: @red;
  }

  &.regexp {
    color: #2EBF7E;

    .source.ruby.embedded,
    .string.regexp.arbitrary-repitition {
      color: @red;
    }
  }
}

.keyword.other.phpdoc {
  color: #a59a8a;
}

.entity.name.tag {
  color: #2EBF7E;
}

.entity.other.attribute-name {
  color: #F23A3A;
}