atom style.less sheet

style.less

@import "syntax-variables";
@import "ui-variables";
@import (reference) "syntax-variables";

.indent-guide-improved {
  background-color: fade(@base16-color-base01, 50%);
  &.indent-guide-stack {
    background-color: fade(@base16-color-base02, 60%);
    &.indent-guide-active {
      background-color: @base16-color-base03;
    }
  }
}

/* The rule for normal highlights */
.minimap .highlight-selected {
  background: rgba(255, 128, 64, 0.9);
}

/* The rule for selected highlights */
.minimap .highlight-selected.selected {
  background: rgba(255, 128, 64, 0.9);
}

.markdown-preview:not([data-use-github-style]) a {
  color: @base16-color-base09;
}

// Brightens the gutter diff indicators to make them more visible
.diff-icon(@color) {
  background-color: fade(@color, 60%);

  &:before {
    color: contrast(fade(@color, 60%));
  }
}

.diff-border(@color) {
  border-color: darken(@color, 5%);
  border-left-width: 3px;
}

@gutter-padding: 9px;

atom-text-editor {
  .highlights {
    .highlight-selected .region {
      border-radius: 0;
      z-index: 8;
      border: none;
      background: rgba(255, 128, 64, 0.9);
    }
  }

  // Un-italicizes comments
  .comment {
    font-style: normal;
  }

  // Make markdown links stylized
  .link {
    color: @base16-color-base09
  }

  // Makes the cursor pulse instead of blink
  .cursor {
    transition: opacity 0.7s;

    border-color: cyan;
    border-width: 2px;

    // background-color: cyan;
    // opacity: .5;
  }

  // make white space characters visible only on highlight
  .invisible-character {
    color: @syntax-background-color;
  }

  .markup.raw.gfm {
    font-style: normal;
    color: @syntax-color-function;
  }

  .gutter .line-number {
    padding-left: @gutter-padding;

    &.git-line-added {
      .diff-border(@text-color-success);
      padding-left: @gutter-padding - 4;
    }

    &.git-line-modified {
      .diff-border(@text-color-warning);
      padding-left: @gutter-padding - 4;
    }

    &.git-line-removed {
      .diff-border(@text-color-error);
      padding-left: @gutter-padding;
    }
  }

  .gutter.git-diff-icon .line-number {
    &.git-line-added {
      .diff-icon(@text-color-success);
    }

    &.git-line-modified {
      .diff-icon(@text-color-warning);
    }

    &.git-line-removed {
      .diff-icon(@text-color-error);
    }
  }
}

.editor, atom-text-editor, atom-text-editor{
  // Makes the bracket matcher highlight more noticeable []
  .bracket-matcher .region {
    @bright-color: fade(@base16-color-base02, 100%);

    border: none; // 1px solid @bright-color;
    background: @bright-color;
    border-radius: 0px;

    -webkit-animation: blink 1.5s steps(60, start) 1;

    @-webkit-keyframes blink {
      50% {
        box-shadow: none;
      }
      57.5% {
        box-shadow: 0 0 20px 10px @bright-color;
      }
      80% {
        box-shadow: none;
      }
      90% {
        box-shadow: 0 0 10px 4px @bright-color;
      }
    }
  }
}