diff --git a/docs/CHANGELOG.md b/docs/CHANGELOG.md
index b2fee1c4..4998c0e8 100644
--- a/docs/CHANGELOG.md
+++ b/docs/CHANGELOG.md
@@ -10,6 +10,7 @@ Changelog
 - Fix #465: Extra right scrollbar
 - Enh #466: Convert swagger docs to OpenAPI 3.0
 - Fix #469: In mail notifications, use core button for "Reply now", to allow auto-contrast
+- Fix #470: Email inline style from Sass variables, e.g. when overwriting `$mail-font-family` in the Custom SCSS field
 
 3.3.5 (September 30, 2025)
 --------------------------
diff --git a/module.json b/module.json
index 8348ed19..538c7547 100644
--- a/module.json
+++ b/module.json
@@ -10,7 +10,7 @@
   ],
   "version": "3.3.6",
   "humhub": {
-    "minVersion": "1.18"
+    "minVersion": "1.18-beta.6"
   },
   "homepage": "https://github.com/humhub/mail",
   "authors": [
diff --git a/views/emails/NewMessage.php b/views/emails/NewMessage.php
index 277d714c..9b5231ab 100644
--- a/views/emails/NewMessage.php
+++ b/views/emails/NewMessage.php
@@ -4,7 +4,7 @@
 use humhub\modules\mail\helpers\Url;
 use humhub\modules\mail\models\Message;
 use humhub\modules\mail\models\MessageEntry;
-use humhub\modules\ui\mail\DefaultMailStyle;
+use humhub\helpers\MailStyleHelper;
 use humhub\modules\user\models\User;
 use humhub\widgets\mails\MailButton;
 use humhub\widgets\mails\MailButtonList;
@@ -24,14 +24,14 @@
     <td align="center" valign="top"   class="fix-box">
 
         <!-- start  container width 600px -->
-        <table width="600"  align="center" border="0" cellspacing="0" cellpadding="0" class="container" style="background-color: <?= $this->theme->variable('background-color-main') ?>">
+        <table width="600"  align="center" border="0" cellspacing="0" cellpadding="0" class="container" style="background-color: <?= MailStyleHelper::getBackgroundColorMain() ?>">
 
 
             <tr>
                 <td valign="top">
 
                     <!-- start container width 560px -->
-                    <table width="540"  align="center" border="0" cellspacing="0" cellpadding="0" class="full-width" style="background-color: <?= $this->theme->variable('background-color-main') ?>">
+                    <table width="540"  align="center" border="0" cellspacing="0" cellpadding="0" class="full-width" style="background-color: <?= MailStyleHelper::getBackgroundColorMain() ?>">
 
 
                         <!-- start text content -->
@@ -43,9 +43,9 @@
                                             <!-- start button -->
                                             <table border="0" align="center" cellpadding="0" cellspacing="0">
                                                 <tr>
-                                                    <td width="auto"  align="center" valign="middle" height="28" style=" background-color: <?= $this->theme->variable('background-color-main') ?>; background-clip: padding-box; font-size:26px; font-family: <?= $this->theme->variable('mail-font-family', DefaultMailStyle::DEFAULT_FONT_FAMILY) ?>; text-align:center; color:<?= $this->theme->variable('text-color-soft2') ?>; font-weight: 300; padding:0 18px">
+                                                    <td width="auto"  align="center" valign="middle" height="28" style=" background-color: <?= MailStyleHelper::getBackgroundColorMain() ?>; background-clip: padding-box; font-size:26px; font-family: <?= MailStyleHelper::getFontFamily() ?>; text-align:center; color:<?= MailStyleHelper::getTextColorSoft2() ?>; font-weight: 300; padding:0 18px">
 
-                                                        <span style="color: <?= $this->theme->variable('text-color-main') ?>; font-weight: 300;">
+                                                        <span style="color: <?= MailStyleHelper::getTextColorMain() ?>; font-weight: 300;">
                                                             <?= $headline ?>
                                                         </span>
                                                     </td>
@@ -81,13 +81,13 @@
 
         <!-- start  container width 600px -->
         <table width="600" align="center" border="0" cellspacing="0" cellpadding="0" class="container"
-               style="background-color: <?= $this->theme->variable('background-color-main') ?>; border-radius: 0 0 4px 4px">
+               style="background-color: <?= MailStyleHelper::getBackgroundColorMain() ?>; border-radius: 0 0 4px 4px">
             <tr>
                 <td valign="top">
 
                     <!-- start container width 560px -->
                     <table width="560" align="center" border="0" cellspacing="0" cellpadding="0" class="full-width"
-                           style="background-color: <?= $this->theme->variable('background-color-main') ?>">
+                           style="background-color: <?= MailStyleHelper::getBackgroundColorMain() ?>">
 
                         <!-- start image and content -->
                         <tr>
@@ -130,11 +130,11 @@
                                                                align="left">
 
                                                             <tr>
-                                                                <td style="font-size: 13px; line-height: 22px; font-family: <?= $this->theme->variable('mail-font-family', DefaultMailStyle::DEFAULT_FONT_FAMILY) ?>; color:<?= $this->theme->variable('text-color-main') ?>; font-weight:300; text-align:left; ">
+                                                                <td style="font-size: 13px; line-height: 22px; font-family: <?= MailStyleHelper::getFontFamily() ?>; color:<?= MailStyleHelper::getTextColorMain() ?>; font-weight:300; text-align:left; ">
 
-                                                                    <strong><?= $subHeadline ?>
+                                                                    <strong><?= $subHeadline ?></strong>
                                                                     <br><br>
-                                                                    <div style="display:inline-block;background-color:<?= $this->theme->variable('background-color-secondary')?>;border-radius:4px;padding:15px;">
+                                                                    <div style="display:inline-block;background-color:<?= MailStyleHelper::getBackgroundColorSecondary() ?>;border-radius:4px;padding:15px;">
                                                                         <?= $content ?>
                                                                     </div>