@import "ui-variables";

.git-line-modified {
  color: @text-color-warning;
}

.git-line-added {
  color: @text-color-info;
}

.git-line-removed {
  color: @text-color-error;
}

@import "syntax-variables";

.editor {
  .gutter .line-number {
    &.git-line-modified {
      border-left: 2px solid @syntax-color-modified;
      padding-left: ~"calc(0.5em - 2px)";
    }

    &.git-line-added {
      border-left: 2px solid @syntax-color-added;
      padding-left: ~"calc(0.5em - 2px)";
    }

    &.git-line-removed {
      border-left: 2px solid @syntax-color-removed;
      padding-left: ~"calc(0.5em - 2px)";
    }
  }
}

Use syntax vars. Use border as git diff rather than text color
Use syntax vars. Use border as git diff rather than text color