46f0eb522f
* GH-3245 add passwordResetToken and passwordResetTokenExpiresAt column on user entity * Add password reset token expiry delay env variable * Add generatePasswordResetToken mutation resolver * Update .env.sample file on server * Add password reset token and expiry migration script * Add validate password reset token query and a dummy password update (WIP) resolver * Fix bug in password reset token generate * add update password mutation * Update name and add email password reset link * Add change password UI on settings page * Add reset password route on frontend * Add reset password form UI * sign in user on password reset * format code * make PASSWORD_RESET_TOKEN_EXPIRES_IN optional * add email template for password reset * Improve error message * Rename methods and DTO to improve naming * fix formatting of backend code * Update change password component * Update password reset via token component * update graphql files * spelling fix * Make password-reset route authless on frontend * show token generation wait time * remove constant from .env.example * Add PASSWORD_RESET_TOKEN_EXPIRES_IN in docs * refactor emails module in reset password * update Graphql generated file * update email template of password reset * add space between date and text * update method name * fix lint issues * remove unused code, fix indentation, and email link color * update test file for auth and token service * Fix ci: build twenty-emails when running tests --------- Co-authored-by: martmull <martmull@hotmail.fr>
50 lines
1.1 KiB
TypeScript
50 lines
1.1 KiB
TypeScript
const grayScale = {
|
|
gray100: '#000000',
|
|
gray90: '#141414',
|
|
gray85: '#171717',
|
|
gray80: '#1b1b1b',
|
|
gray75: '#1d1d1d',
|
|
gray70: '#222222',
|
|
gray65: '#292929',
|
|
gray60: '#333333',
|
|
gray55: '#4c4c4c',
|
|
gray50: '#666666',
|
|
gray45: '#818181',
|
|
gray40: '#999999',
|
|
gray35: '#b3b3b3',
|
|
gray30: '#cccccc',
|
|
gray25: '#d6d6d6',
|
|
gray20: '#ebebeb',
|
|
gray15: '#f1f1f1',
|
|
gray10: '#fcfcfc',
|
|
gray0: '#ffffff',
|
|
};
|
|
|
|
export const emailTheme = {
|
|
font: {
|
|
colors: {
|
|
highlighted: grayScale.gray60,
|
|
primary: grayScale.gray50,
|
|
tertiary: grayScale.gray40,
|
|
inverted: grayScale.gray0,
|
|
},
|
|
weight: {
|
|
regular: 400,
|
|
bold: 600,
|
|
},
|
|
size: {
|
|
md: '13px',
|
|
lg: '16px',
|
|
},
|
|
},
|
|
background: {
|
|
colors: { highlight: grayScale.gray15 },
|
|
radialGradient: `radial-gradient(50% 62.62% at 50% 0%, #505050 0%, ${grayScale.gray60} 100%)`,
|
|
radialGradientHover: `radial-gradient(76.32% 95.59% at 50% 0%, #505050 0%, ${grayScale.gray60} 100%)`,
|
|
transparent: {
|
|
medium: 'rgba(0, 0, 0, 0.08)',
|
|
light: 'rgba(0, 0, 0, 0.04)',
|
|
},
|
|
},
|
|
};
|