title: How to remove "Sign in with AWS" button from Angular/Amplify/Cognito login page?
body: <p>I am currently using Angular/Congito/Amplify for users to login to my website. The functionality works perfectly but I cannot find anyway to edit the design (colors / buttons etc.).</p>
  <p>Currently my login page looks like below:</p>
  <p><a href="https://i.stack.imgur.com/FccRj.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/FccRj.png" alt="" /></a></p>
  <p>My goal is to remove the &quot;Sign in with AWS&quot; button as well as change the color scheme of the orange text and orange Sign In background button color.</p>
  <p>Below is my app.component.html</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;app-header *ngIf="authState === 'signedin'"&gt;&lt;/app-header&gt;&lt;br&gt;
  
  &lt;amplify-authenticator *ngIf="authState !== 'signedin'"&gt;&lt;/amplify-authenticator&gt;
  
  &lt;router-outlet *ngIf="authState === 'signedin'"&gt;&lt;/router-outlet&gt;
  
  &lt;app-footer *ngIf="authState === 'signedin'"&gt;&lt;/app-footer&gt;</code></pre>
  </div>
  </div>
  </p>
  <p>This is my app.component.css (where I was able to center the authentication. The colors I added here do nothing.</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>  amplify-authenticator {
      display: flex;
      justify-content: center;
      align-items: center;
      flex: 1;
      height: 100vh;
      --button-background-color: #00D5A1;
      background-color: #0000;
  
    }</code></pre>
  </div>
  </div>
  </p>
  <p>I can find the theme by navigating to: angular-master\node_modules@aws-amplify\ui\src\Theme.css</p>
  <p>But that has been no help. Any advice would be apprecaited.</p>