Ryan/documenso
1
0
Fork 1
mirror of https://github.com/documenso/documenso.git synced 2026-08-25 07:42:28 +10:00
Code Issues Packages Projects Releases Wiki Activity

feat: add custom brand colours to emails (#3005)

Browse Source
This commit is contained in:
Lucas Smith
2026-06-22 14:33:34 +10:00
committed by GitHub
parent dee3259088
commit 0bf58ca66e
71 changed files with 1599 additions and 192 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/email/templates/confirm-team-email.tsx
+7 -7
View File
@@ -33,16 +33,16 @@ export const ConfirmTeamEmailTemplate = ({
<Preview>{_(previewText)}</Preview>
<Body className="mx-auto my-auto font-sans">
<Section className="bg-white">
<Container className="mx-auto mt-8 mb-2 max-w-xl rounded-lg border border-slate-200 border-solid px-2 pt-2 backdrop-blur-sm">
<Section className="bg-background">
<Container className="mx-auto mt-8 mb-2 max-w-xl rounded-lg border border-border border-solid px-2 pt-2 backdrop-blur-sm">
<TemplateBrandingLogo assetBaseUrl={assetBaseUrl} className="mb-4 h-6 p-2" />
<Section>
<TemplateImage className="mx-auto" assetBaseUrl={assetBaseUrl} staticAsset="mail-open.png" />
</Section>
<Section className="p-2 text-slate-500">
<Text className="text-center font-medium text-black text-lg">
<Section className="p-2 text-muted-foreground">
<Text className="text-center font-medium text-foreground text-lg">
<Trans>Verify your team email address</Trans>
</Text>
@@ -53,7 +53,7 @@ export const ConfirmTeamEmailTemplate = ({
</Trans>
</Text>
<div className="mx-auto mt-6 w-fit rounded-lg bg-gray-50 px-4 py-2 font-medium text-base text-slate-600">
<div className="mx-auto mt-6 w-fit rounded-lg bg-muted px-4 py-2 font-medium text-base text-muted-foreground">
{formatTeamUrl(teamUrl, baseUrl)}
</div>
@@ -86,7 +86,7 @@ export const ConfirmTeamEmailTemplate = ({
<Section className="mt-8 mb-6 text-center">
<Button
className="inline-flex items-center justify-center rounded-lg bg-documenso-500 px-6 py-3 text-center font-medium text-black text-sm no-underline"
className="inline-flex items-center justify-center rounded-lg bg-primary px-6 py-3 text-center font-medium text-primary-foreground text-sm no-underline"
href={`${baseUrl}/team/verify/email/${token}`}
>
<Trans>Accept</Trans>
@@ -94,7 +94,7 @@ export const ConfirmTeamEmailTemplate = ({
</Section>
</Section>
<Text className="text-center text-slate-500 text-xs">
<Text className="text-center text-muted-foreground text-xs">
<Trans>Link expires in 1 hour.</Trans>
</Text>
</Container>