diff --git a/src/components/CommonKit/Button/StyledButton.tsx b/src/components/CommonKit/Button/StyledButton.tsx index 1b6e9a423475ad947d5bb56f83df342e3368dbcc..cf3c8b34e45724d2cb6c433c6851e2ad1b4c362f 100644 --- a/src/components/CommonKit/Button/StyledButton.tsx +++ b/src/components/CommonKit/Button/StyledButton.tsx @@ -59,7 +59,6 @@ const SecondaryButton = withStyles({ border: '1px solid #121212', }, label: { - color: 'var(--redPrimary)', fontWeight: 'normal', }, })(BaseButton) diff --git a/src/components/ContentComponents/Konnector/KonnectorLoginForm.tsx b/src/components/ContentComponents/Konnector/KonnectorLoginForm.tsx index 2ab8b06a1a959013d564ba866afcf63bf1ed8bdb..143f66f9b8abb65b310fefdb9cc4bb00ba7ceffc 100644 --- a/src/components/ContentComponents/Konnector/KonnectorLoginForm.tsx +++ b/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')} diff --git a/src/components/ContentComponents/Konnector/KonnectorOAuthForm.tsx b/src/components/ContentComponents/Konnector/KonnectorOAuthForm.tsx index 589d9c58b5eda0cc06ee470ca504ce2e573c5b20..2716f218e4dfb0540e45f8f2ac99ce310c7699ce 100644 --- a/src/components/ContentComponents/Konnector/KonnectorOAuthForm.tsx +++ b/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')} > diff --git a/src/styles/components/_konnector.scss b/src/styles/components/_konnector.scss index 34849923614100e5ac906773a6739b3fedc1e94b..2f9f576c2889b5e25e2ad76990ebd0d5ae5c2998 100644 --- a/src/styles/components/_konnector.scss +++ b/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;