Login: fix help button color

2022-10-27 17:10:39 +05:00 · 2022-10-27 17:10:39 +05:00 · e231dafb62
commit e231dafb62
parent e234f1c619
2 changed files with 9 additions and 1 deletions
--- a/packages/login/src/client/components/StyledLogin.ts
+++ b/packages/login/src/client/components/StyledLogin.ts
@ -174,6 +174,14 @@ export const LoginContainer = styled.div`
            }
          }

+          .help-button{
+            svg {
+              path {
+                fill: ${(props) => props.theme.login.helpButton};
+              }
+            }
+          }
+
          .checkbox-text{
            color: ${(props) => props.theme.checkbox.arrowColor};
          }
--- a/packages/login/src/client/components/sub-components/LoginForm.tsx
+++ b/packages/login/src/client/components/sub-components/LoginForm.tsx
@ -284,7 +284,7 @@ const LoginForm: React.FC<ILoginFormProps> = ({
                  helpButton={
                    !checkIsSSR() && (
                      <HelpButton
-                        color="#A3A9AE"
+                        className="help-button"
                        helpButtonHeaderContent={t("CookieSettingsTitle")}
                        tooltipContent={
                          <Text fontSize="12px">{t("RememberHelper")}</Text>