vue-material/src/components/mdInputContainer/mdInputContainer.theme

.THEME_NAME {
  .md-input-container,
  &.md-input-container {
    &.md-input-focused {
      &.md-input-inline {
        label {
          color: rgba(#000, .54);
        }
      }

      &.md-input-required {
        label:after {
          color: WARN-COLOR;
        }
      }

      &:after {
        height: 2px;
        background-color: PRIMARY-COLOR;
      }

      input,
      textarea {
        color: PRIMARY-COLOR;
        text-shadow: 0 0 0 BACKGROUND-CONTRAST;
        -webkit-text-fill-color: transparent;
      }

      label {
        color: PRIMARY-COLOR;
      }
    }

    &.md-input-invalid {
      &:after {
        background-color: WARN-COLOR;
      }

      label,
      .md-error,
      .md-count,
      input,
      textarea {
        color: WARN-COLOR;
      }
    }
  }
}