md-input-container.md-THEME_NAME-theme {
  .md-input {
    @include input-placeholder-color('\'{{foreground-3}}\'');
    color: '{{foreground-1}}';
    border-color: '{{foreground-4}}';
  }

  > md-icon {
    color: '{{foreground-1}}';
  }

  label,
  ._md-placeholder {
    color: '{{foreground-3}}';
  }

  label.md-required:after {
    color: '{{warn-A700}}'
  }

  &:not(.md-input-focused):not(.md-input-invalid) label.md-required:after {
    color: '{{foreground-2}}';
  }

  .md-input-messages-animation, .md-input-message-animation {
    color: '{{warn-A700}}';
    .md-char-counter {
      color: '{{foreground-1}}';
    }
  }

  &:not(.md-input-invalid) {
    &.md-input-has-value {
      label {
        color: '{{foreground-2}}';
      }
    }
    &.md-input-focused {
      .md-input {
        border-color: '{{primary-color}}';
      }
      label {
        color: '{{primary-color}}';
      }
      md-icon {
        color: '{{primary-color}}';
      }
      &.md-accent {
        .md-input {
          border-color: '{{accent-color}}';
        }
        label {
          color: '{{accent-color}}';
        }
      }
      &.md-warn {
        .md-input {
          border-color: '{{warn-A700}}';
        }
        label {
          color: '{{warn-A700}}';
        }
      }
    }
  }
  &.md-input-invalid {
    .md-input {
      border-color: '{{warn-A700}}';
    }
    label {
      color: '{{warn-A700}}';
    }
    .md-input-message-animation, .md-char-counter {
      color: '{{warn-A700}}';
    }
  }
  .md-input {
    &[disabled],
    [disabled] & {
      border-bottom-color: transparent;
      color: '{{foreground-3}}';
      background-image: linear-gradient(to right, '{{foreground-3}}' 0%, '{{foreground-3}}' 33%, transparent 0%);
      background-image: -ms-linear-gradient(left, transparent 0%, '{{foreground-3}}' 100%);
    }
  }
}