.firebaseui-idp-anonymous {
    background-color: hsl(300, 30%, 70%) !important;
  }

  .firebaseui-idp-password,
  .firebaseui-id-submit {
    background-color: hsl(300, 30%, 30%) !important;
  }

  .firebaseui-idp-phone {
    background-color: hsl(300, 30%, 20%) !important;
  }

  .bg-primary {
    background-color: hsl(300, 30%, 30%) !important;
  }

  .text-primary {
    color: hsl(300, 30%, 30%) !important;
  }

  .dev-icons .list-inline-item i:hover {
    color: hsl(300, 30%, 30%);
  }

  .social-icons a:hover {
    background-color: hsl(300, 30%, 30%);
  }

  a {
    color: hsl(300, 30%, 30%);
  }

  a:hover,
  a:focus,
  a:active {
    color: hsl(300, 30%, 70%);
  }