diff --git a/public/admin/email-templates/confirmation.heml b/public/admin/email-templates/confirmation.heml
index 16acd90..f1dfeb9 100644
--- a/public/admin/email-templates/confirmation.heml
+++ b/public/admin/email-templates/confirmation.heml
@@ -6,7 +6,7 @@
         text-align: center;
       }
       .button {
-        background: #ff3d3d;
+        background: #366dc7;
       }
       .logo {
         margin: auto;
@@ -17,7 +17,7 @@
   </head>
   <body>
     <container>
-      <img class='logo' src='https://netlify-cms-react-starter.netlify.com/images/logo.png' />
+      <img class='logo' src='{{ .SiteURL }}/images/logo.png' />
       <h2>Confirm your signup</h2>
       <p>Follow this link to confirm your account:</p>
       <button class='button' href="{{ .ConfirmationURL }}" style="margin: auto;">Confirm your mail</button>
diff --git a/public/admin/email-templates/confirmation.html b/public/admin/email-templates/confirmation.html
index e99a443..be3f525 100644
--- a/public/admin/email-templates/confirmation.html
+++ b/public/admin/email-templates/confirmation.html
@@ -86,17 +86,16 @@
                 <td> <![endif]-->
                   <table class="container__table" role="presentation" border="0" align="center" cellpadding="0" cellspacing="0" width="100%">
                     <tr class="container__row">
-                      <td class="container__cell" width="100%" align="left" valign="top"> <img class="logo img__block" src="https://netlify-cms-react-starter.netlify.com/images/logo.png" border="0" alt="" style="display: block; max-width: 100%; width: 100px; height: auto; margin: 0 auto;" width="100" />
-                        <h2 class="header h2"
-                          style="margin: 20px 0; line-height: 30px; color: #000000; font-family: Helvetica,Arial,sans-serif; text-align: center;">Confirm your signup</h2>
+                      <td class="container__cell" width="100%" align="left" valign="top"> <img class="logo img__block" src="{{ .SiteURL }}/images/logo.png" border="0" alt="" style="display: block; max-width: 100%; width: 100px; height: auto; margin: 0 auto;" width="100" />
+                        <h2 class="header h2" style="margin: 20px 0; line-height: 30px; color: #000000; font-family: Helvetica,Arial,sans-serif; text-align: center;">Confirm your signup</h2>
                         <p class="text p" style="display: block; margin: 14px 0; color: #000000; font-family: Helvetica,Arial,sans-serif; font-size: 16px; line-height: 20px; text-align: center;">Follow this link to confirm your account:</p>
-                        <div class="button button" style="background-color: #FF3D3D; margin: 0 auto;">
+                        <div class="button button" style="background-color: #366DC7; margin: 0 auto;">
                           <table role="presentation" width="100%" align="left" border="0" cellpadding="0" cellspacing="0">
                             <tr>
                               <td>
                                 <table role="presentation" width="auto" align="center" border="0" cellspacing="0" cellpadding="0" class="button__table" style="margin: 0 auto;">
                                   <tr>
-                                    <td align="center" class="button__cell" style="border-radius: 3px; padding: 6px 12px; background-color: #FF3D3D;" bgcolor="#FF3D3D"><a href="{{ .ConfirmationURL }}" class="button__link" style="color: #FFFFFF; text-decoration: none; background-color: #FF3D3D; display: inline-block;"><span class="button__text" style="color: #FFFFFF; text-decoration: none;">Confirm your mail</span></a></td>
+                                    <td align="center" class="button__cell" style="border-radius: 3px; padding: 6px 12px; background-color: #366DC7;" bgcolor="#366DC7"><a href="{{ .ConfirmationURL }}" class="button__link" style="color: #FFFFFF; text-decoration: none; background-color: #366DC7; display: inline-block;"><span class="button__text" style="color: #FFFFFF; text-decoration: none;">Confirm your mail</span></a></td>
                                   </tr>
                                 </table>
                               </td>
diff --git a/public/admin/email-templates/email-change.heml b/public/admin/email-templates/email-change.heml
index 5b45fd0..73be26f 100644
--- a/public/admin/email-templates/email-change.heml
+++ b/public/admin/email-templates/email-change.heml
@@ -6,7 +6,7 @@
         text-align: center;
       }
       .button {
-        background: #ff3d3d;
+        background: #366dc7;
       }
       .logo {
         margin: auto;
@@ -17,7 +17,7 @@
   </head>
   <body>
     <container>
-      <img class='logo' src='https://netlify-cms-react-starter.netlify.com/images/logo.png' />
+      <img class='logo' src='{{ .SiteURL }}/images/logo.png' />
       <h2>Confirm Change of Email</h2>
       <p>Follow this link to confirm the update of your email from {{ .Email }} to {{ .NewEmail }}:</p>
       <button class='button' href="{{ .ConfirmationURL }}" style="margin: auto;">Change Email</button>
diff --git a/public/admin/email-templates/email-change.html b/public/admin/email-templates/email-change.html
index e8fdf20..1e4d179 100644
--- a/public/admin/email-templates/email-change.html
+++ b/public/admin/email-templates/email-change.html
@@ -86,17 +86,16 @@
                 <td> <![endif]-->
                   <table class="container__table" role="presentation" border="0" align="center" cellpadding="0" cellspacing="0" width="100%">
                     <tr class="container__row">
-                      <td class="container__cell" width="100%" align="left" valign="top"> <img class="logo img__block" src="https://netlify-cms-react-starter.netlify.com/images/logo.png" border="0" alt="" style="display: block; max-width: 100%; width: 100px; height: auto; margin: 0 auto;" width="100" />
-                        <h2 class="header h2"
-                          style="margin: 20px 0; line-height: 30px; color: #000000; font-family: Helvetica,Arial,sans-serif; text-align: center;">Confirm Change of Email</h2>
+                      <td class="container__cell" width="100%" align="left" valign="top"> <img class="logo img__block" src="{{ .SiteURL }}/images/logo.png" border="0" alt="" style="display: block; max-width: 100%; width: 100px; height: auto; margin: 0 auto;" width="100" />
+                        <h2 class="header h2" style="margin: 20px 0; line-height: 30px; color: #000000; font-family: Helvetica,Arial,sans-serif; text-align: center;">Confirm Change of Email</h2>
                         <p class="text p" style="display: block; margin: 14px 0; color: #000000; font-family: Helvetica,Arial,sans-serif; font-size: 16px; line-height: 20px; text-align: center;">Follow this link to confirm the update of your email from {{ .Email }} to {{ .NewEmail }}:</p>
-                        <div class="button button" style="background-color: #FF3D3D; margin: 0 auto;">
+                        <div class="button button" style="background-color: #366DC7; margin: 0 auto;">
                           <table role="presentation" width="100%" align="left" border="0" cellpadding="0" cellspacing="0">
                             <tr>
                               <td>
                                 <table role="presentation" width="auto" align="center" border="0" cellspacing="0" cellpadding="0" class="button__table" style="margin: 0 auto;">
                                   <tr>
-                                    <td align="center" class="button__cell" style="border-radius: 3px; padding: 6px 12px; background-color: #FF3D3D;" bgcolor="#FF3D3D"><a href="{{ .ConfirmationURL }}" class="button__link" style="color: #FFFFFF; text-decoration: none; background-color: #FF3D3D; display: inline-block;"><span class="button__text" style="color: #FFFFFF; text-decoration: none;">Change Email</span></a></td>
+                                    <td align="center" class="button__cell" style="border-radius: 3px; padding: 6px 12px; background-color: #366DC7;" bgcolor="#366DC7"><a href="{{ .ConfirmationURL }}" class="button__link" style="color: #FFFFFF; text-decoration: none; background-color: #366DC7; display: inline-block;"><span class="button__text" style="color: #FFFFFF; text-decoration: none;">Change Email</span></a></td>
                                   </tr>
                                 </table>
                               </td>
diff --git a/public/admin/email-templates/invitation.heml b/public/admin/email-templates/invitation.heml
index 3ed5898..5ab914c 100644
--- a/public/admin/email-templates/invitation.heml
+++ b/public/admin/email-templates/invitation.heml
@@ -6,7 +6,7 @@
         text-align: center;
       }
       .button {
-        background: #ff3d3d;
+        background: #366dc7;
       }
       .logo {
         margin: auto;
@@ -17,7 +17,7 @@
   </head>
   <body>
     <container>
-      <img class='logo' src='https://netlify-cms-react-starter.netlify.com/images/logo.png' />
+      <img class='logo' src='{{ .SiteURL }}/images/logo.png' />
       <h2>You have been invited</h2>
       <p>You have been invited to create a user on {{ .SiteURL }}</p>
       <button class='button' href="{{ .ConfirmationURL }}" style="margin: auto;">Accept the invite</button>
diff --git a/public/admin/email-templates/invitation.html b/public/admin/email-templates/invitation.html
index bd1b249..59d7668 100644
--- a/public/admin/email-templates/invitation.html
+++ b/public/admin/email-templates/invitation.html
@@ -86,17 +86,16 @@
                 <td> <![endif]-->
                   <table class="container__table" role="presentation" border="0" align="center" cellpadding="0" cellspacing="0" width="100%">
                     <tr class="container__row">
-                      <td class="container__cell" width="100%" align="left" valign="top"> <img class="logo img__block" src="https://netlify-cms-react-starter.netlify.com/images/logo.png" border="0" alt="" style="display: block; max-width: 100%; width: 100px; height: auto; margin: 0 auto;" width="100" />
-                        <h2 class="header h2"
-                          style="margin: 20px 0; line-height: 30px; color: #000000; font-family: Helvetica,Arial,sans-serif; text-align: center;">You have been invited</h2>
+                      <td class="container__cell" width="100%" align="left" valign="top"> <img class="logo img__block" src="{{ .SiteURL }}/images/logo.png" border="0" alt="" style="display: block; max-width: 100%; width: 100px; height: auto; margin: 0 auto;" width="100" />
+                        <h2 class="header h2" style="margin: 20px 0; line-height: 30px; color: #000000; font-family: Helvetica,Arial,sans-serif; text-align: center;">You have been invited</h2>
                         <p class="text p" style="display: block; margin: 14px 0; color: #000000; font-family: Helvetica,Arial,sans-serif; font-size: 16px; line-height: 20px; text-align: center;">You have been invited to create a user on {{ .SiteURL }}</p>
-                        <div class="button button" style="background-color: #FF3D3D; margin: 0 auto;">
+                        <div class="button button" style="background-color: #366DC7; margin: 0 auto;">
                           <table role="presentation" width="100%" align="left" border="0" cellpadding="0" cellspacing="0">
                             <tr>
                               <td>
                                 <table role="presentation" width="auto" align="center" border="0" cellspacing="0" cellpadding="0" class="button__table" style="margin: 0 auto;">
                                   <tr>
-                                    <td align="center" class="button__cell" style="border-radius: 3px; padding: 6px 12px; background-color: #FF3D3D;" bgcolor="#FF3D3D"><a href="{{ .ConfirmationURL }}" class="button__link" style="color: #FFFFFF; text-decoration: none; background-color: #FF3D3D; display: inline-block;"><span class="button__text" style="color: #FFFFFF; text-decoration: none;">Accept the invite</span></a></td>
+                                    <td align="center" class="button__cell" style="border-radius: 3px; padding: 6px 12px; background-color: #366DC7;" bgcolor="#366DC7"><a href="{{ .ConfirmationURL }}" class="button__link" style="color: #FFFFFF; text-decoration: none; background-color: #366DC7; display: inline-block;"><span class="button__text" style="color: #FFFFFF; text-decoration: none;">Accept the invite</span></a></td>
                                   </tr>
                                 </table>
                               </td>
diff --git a/public/admin/email-templates/password-recovery.heml b/public/admin/email-templates/password-recovery.heml
index 0e4418b..ae29448 100644
--- a/public/admin/email-templates/password-recovery.heml
+++ b/public/admin/email-templates/password-recovery.heml
@@ -6,7 +6,7 @@
         text-align: center;
       }
       .button {
-        background: #ff3d3d;
+        background: #366dc7;
       }
       .logo {
         margin: auto;
@@ -17,7 +17,7 @@
   </head>
   <body>
     <container>
-      <img class='logo' src='https://netlify-cms-react-starter.netlify.com/images/logo.png' />
+      <img class='logo' src='{{ .SiteURL }}/images/logo.png' />
       <h2>Reset Password</h2>
       <p>Follow this link to reset the password for your account:</p>
       <button class='button' href="{{ .ConfirmationURL }}" style="margin: auto;">Reset Password</button>
diff --git a/public/admin/email-templates/password-recovery.html b/public/admin/email-templates/password-recovery.html
index d6537a2..ab1e869 100644
--- a/public/admin/email-templates/password-recovery.html
+++ b/public/admin/email-templates/password-recovery.html
@@ -86,17 +86,16 @@
                 <td> <![endif]-->
                   <table class="container__table" role="presentation" border="0" align="center" cellpadding="0" cellspacing="0" width="100%">
                     <tr class="container__row">
-                      <td class="container__cell" width="100%" align="left" valign="top"> <img class="logo img__block" src="https://netlify-cms-react-starter.netlify.com/images/logo.png" border="0" alt="" style="display: block; max-width: 100%; width: 100px; height: auto; margin: 0 auto;" width="100" />
-                        <h2 class="header h2"
-                          style="margin: 20px 0; line-height: 30px; color: #000000; font-family: Helvetica,Arial,sans-serif; text-align: center;">Reset Password</h2>
+                      <td class="container__cell" width="100%" align="left" valign="top"> <img class="logo img__block" src="{{ .SiteURL }}/images/logo.png" border="0" alt="" style="display: block; max-width: 100%; width: 100px; height: auto; margin: 0 auto;" width="100" />
+                        <h2 class="header h2" style="margin: 20px 0; line-height: 30px; color: #000000; font-family: Helvetica,Arial,sans-serif; text-align: center;">Reset Password</h2>
                         <p class="text p" style="display: block; margin: 14px 0; color: #000000; font-family: Helvetica,Arial,sans-serif; font-size: 16px; line-height: 20px; text-align: center;">Follow this link to reset the password for your account:</p>
-                        <div class="button button" style="background-color: #FF3D3D; margin: 0 auto;">
+                        <div class="button button" style="background-color: #366DC7; margin: 0 auto;">
                           <table role="presentation" width="100%" align="left" border="0" cellpadding="0" cellspacing="0">
                             <tr>
                               <td>
                                 <table role="presentation" width="auto" align="center" border="0" cellspacing="0" cellpadding="0" class="button__table" style="margin: 0 auto;">
                                   <tr>
-                                    <td align="center" class="button__cell" style="border-radius: 3px; padding: 6px 12px; background-color: #FF3D3D;" bgcolor="#FF3D3D"><a href="{{ .ConfirmationURL }}" class="button__link" style="color: #FFFFFF; text-decoration: none; background-color: #FF3D3D; display: inline-block;"><span class="button__text" style="color: #FFFFFF; text-decoration: none;">Reset Password</span></a></td>
+                                    <td align="center" class="button__cell" style="border-radius: 3px; padding: 6px 12px; background-color: #366DC7;" bgcolor="#366DC7"><a href="{{ .ConfirmationURL }}" class="button__link" style="color: #FFFFFF; text-decoration: none; background-color: #366DC7; display: inline-block;"><span class="button__text" style="color: #FFFFFF; text-decoration: none;">Reset Password</span></a></td>
                                   </tr>
                                 </table>
                               </td>
