@mixin login-dark {
  .login-show {
    background-color: $md-dark-background !important;
    & .contLeft {
      background-color: $md-dark-background !important;
      & .title, .desLeft {
        color: $md-dark-text-primary !important;
      }
    }
    & .contRight {
      & .title {
        color: $md-dark-text-primary !important;
      }
      & .des {
        color: $md-dark-text-primary !important;
      }
      & form {
        & .textfield {
          background-color: $md-dark-surface !important;
          & .elem {
            background-color: $md-dark-surface !important;
            color: $md-dark-text-primary !important;
            @include interaction-dark-surface;
          }
          & .label {
            color: $md-dark-text-primary !important;
          }
          & .helper {
            color: $md-dark-text-primary !important;
          }
          & .button {
            background-color: $md-dark-primary !important;
            @include interaction-dark-primary;
          }
          & .trailing {
            & svg {
              fill: $md-dark-text-primary !important;
            }
          }
        }
      }
      & .button {
        background-color: $md-dark-primary;
        @include interaction-dark-primary;
      }
    }
  }
}