fix: color button create account

src/components/CommonKit/Button/StyledButton.tsx

@@ -59,7 +59,6 @@ const SecondaryButton = withStyles({
     border: '1px solid #121212',
   },
   label: {
-    color: 'var(--redPrimary)',
     fontWeight: 'normal',
   },
 })(BaseButton)

src/components/ContentComponents/Konnector/KonnectorLoginForm.tsx

@@ -226,6 +226,7 @@ const KonnectorLoginForm: React.FC<KonnectorLoginFormProps> = ({
         </div>
         <StyledButton
           type="button"
+          className="create-account"
           color="secondary"
           disabled={loading}
           onClick={() => window.open(siteLink, '_blank')}

src/components/ContentComponents/Konnector/KonnectorOAuthForm.tsx

@@ -54,6 +54,7 @@ const KonnectorOAuthForm: React.FC<KonnectorOAuthFormProps> = ({
         <StyledButton
           type="button"
           color="secondary"
+          className="create-account"
           disabled={loading}
           onClick={() => window.open(siteLink, '_blank')}
         >

src/styles/components/_konnector.scss

@@ -90,6 +90,7 @@
   }
   .konnector-delete {
     margin-right: 0.25rem;
+    color: $red-primary;
   }
   .konnector-update {
     margin-left: 0.25rem;
@@ -141,6 +142,9 @@
 .koauthform {
   margin: 0 1.5rem;
   padding: 0 1rem;
+  .create-account {
+    color: $text-bright;
+  }
   @media #{$large-phone} {
     margin: 0;
     padding: 0 1rem;
@@ -156,6 +160,9 @@
 
 // KonnectorLoginForm
 .kloginauthform {
+  .create-account {
+    color: $text-bright;
+  }
   .kloginauthform-text {
     color: $text-bright;
     padding-top: 1rem;