@import "ui-variables";

.build {
  h1.error {
    color: white;
    background-image: none;
    background-color: @background-color-error;
  }

  h1.success {
    color: white;
    background-image: none;
    background-color: @background-color-success;
  }

  h1.warning {
    color: white;
    background-image:none;
    background-color: @background-color-warning;
  }

  ol {
    transition: height 0.5s ease-in-out;
    padding: 10px 0 0 10px;
    min-height: 100px;
    overflow-y: auto;
  }

  li {
    word-wrap: break-word;
    white-space: pre-wrap;
    list-style: none;
    font-family: monospace;
  }

  li.error {
    animation: none;
    -webkit-animation: none;
    color: @text-color-error;
  }

}

.btn-container {
  .btn {
    float: right;
    margin: 10px 10px 0 0;
    color: #fff;

    &:focus, &:active, &:hover {
      color: #fff;
    }
  }

  .icon::before {
    margin: 0;
  }

  .new-row {
    clear: both;
  }
}

@import "ui-variables";

.build {
  h1.error {
    color: white;
    background-image: none;
    background-color: @background-color-error;
  }

  h1.success {
    color: white;
    background-image: none;
    background-color: @background-color-success;
  }

  h1.warning {
    color: white;
    background-image:none;
    background-color: @background-color-warning;
  }

  ol {
    transition: height 0.5s ease-in-out;
    padding: 10px 0 0 10px;
    min-height: 100px;
    overflow-y: auto;
  }

  li {
    word-wrap: break-word;
    white-space: pre-wrap;
    list-style: none;
    font-family: monospace;
  }

  li.error {
    animation: none;
    -webkit-animation: none;
    color: @text-color-error;
  }

}

.btn-container {
  .btn {
    float: right;
    margin: 10px 10px 0 0;
    color: @text-color-info;
  }

  .icon::before {
    margin: 0;
  }

  .new-row {
    clear: both;
  }
}

Use button color specified by theme
Styles: Use button color specified by theme

Themes may drastically change the visual appearance of
Atom. Use defined color values to have atom-build
change with it.
