diff --git a/res/css/structures/auth/_Login.scss b/res/css/structures/auth/_Login.scss index 09af69183b..ac4ea98f28 100644 --- a/res/css/structures/auth/_Login.scss +++ b/res/css/structures/auth/_Login.scss @@ -87,14 +87,6 @@ limitations under the License. font-size: 13px; } -.mx_Login_forgot { - font-size: 15px; -} - -.mx_Login_forgot:link { - color: $primary-fg-color; -} - .mx_Login_sso_link { display: block; text-align: center; diff --git a/res/css/views/auth/_AuthBody.scss b/res/css/views/auth/_AuthBody.scss index 97632c2e3f..93e7dd01e6 100644 --- a/res/css/views/auth/_AuthBody.scss +++ b/res/css/views/auth/_AuthBody.scss @@ -20,4 +20,13 @@ limitations under the License. border-radius: 0 4px 4px 0; padding: 25px 60px; box-sizing: border-box; + font-size: 12px; + color: $authpage-body-color; +} + +.mx_AuthBody a:link, +.mx_AuthBody a:hover, +.mx_AuthBody a:visited { + color: $accent-color; + text-decoration: none; } diff --git a/res/themes/dharma/css/_dharma.scss b/res/themes/dharma/css/_dharma.scss index 22aa018b5e..e30d6f0000 100644 --- a/res/themes/dharma/css/_dharma.scss +++ b/res/themes/dharma/css/_dharma.scss @@ -217,6 +217,7 @@ $authpage-bg-color: #2e3649; $authpage-modal-bg-color: rgba(255, 255, 255, 0.59); $authpage-body-bg-color: #ffffff; $authpage-lang-color: #4e5054; +$authpage-body-color: #61708b; /*** form elements ***/ diff --git a/res/themes/light/css/_base.scss b/res/themes/light/css/_base.scss index 438ab69856..0f0a2639fa 100644 --- a/res/themes/light/css/_base.scss +++ b/res/themes/light/css/_base.scss @@ -213,6 +213,7 @@ $authpage-bg-color: #2e3649; $authpage-modal-bg-color: rgba(255, 255, 255, 0.59); $authpage-body-bg-color: #ffffff; $authpage-lang-color: #4e5054; +$authpage-body-color: #61708b; // ***** Mixins! ***** diff --git a/src/components/views/auth/PasswordLogin.js b/src/components/views/auth/PasswordLogin.js index 1d36c52a24..26baabec5c 100644 --- a/src/components/views/auth/PasswordLogin.js +++ b/src/components/views/auth/PasswordLogin.js @@ -245,11 +245,16 @@ class PasswordLogin extends React.Component { let forgotPasswordJsx; if (this.props.onForgotPasswordClick) { - forgotPasswordJsx = ( - - { _t('Forgot your password?') } - - ); + forgotPasswordJsx = + {_t('Not sure of your password? Set a new one', {}, { + a: sub => + {sub} + , + })} + ; } let matrixIdText = _t('Matrix ID'); diff --git a/src/i18n/strings/en_EN.json b/src/i18n/strings/en_EN.json index 65b9b160bc..e8f82959b3 100644 --- a/src/i18n/strings/en_EN.json +++ b/src/i18n/strings/en_EN.json @@ -1092,7 +1092,7 @@ "Username on %(hs)s": "Username on %(hs)s", "User name": "User name", "Mobile phone number": "Mobile phone number", - "Forgot your password?": "Forgot your password?", + "Not sure of your password? Set a new one": "Not sure of your password? Set a new one", "%(serverName)s Matrix ID": "%(serverName)s Matrix ID", "Sign in with": "Sign in with", "Sign in": "Sign in",