From bb802ed756736a55aadc0cc0edc096b0ab37d1c1 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 11 Dec 2025 15:33:51 +0200
Subject: [PATCH] mailer styling controls added

---
 .../settings_modal/admin_tabs/mailer_tab.js   |  2 ++
 .../settings_modal/admin_tabs/mailer_tab.vue  | 29 +++++++++++++++++++
 src/i18n/en.json                              |  3 ++
 3 files changed, 34 insertions(+)

diff --git a/src/components/settings_modal/admin_tabs/mailer_tab.js b/src/components/settings_modal/admin_tabs/mailer_tab.js
index b67dc58ac..44b2f33df 100644
--- a/src/components/settings_modal/admin_tabs/mailer_tab.js
+++ b/src/components/settings_modal/admin_tabs/mailer_tab.js
@@ -3,6 +3,7 @@ import ChoiceSetting from '../helpers/choice_setting.vue'
 import IntegerSetting from '../helpers/integer_setting.vue'
 import StringSetting from '../helpers/string_setting.vue'
 import GroupSetting from '../helpers/group_setting.vue'
+import ColorSetting from '../helpers/color_setting.vue'
 import AttachmentSetting from '../helpers/attachment_setting.vue'
 
 import SharedComputedObject from '../helpers/shared_computed_object.js'
@@ -20,6 +21,7 @@ const MailerTab = {
     IntegerSetting,
     StringSetting,
     AttachmentSetting,
+    ColorSetting,
     GroupSetting
   },
   computed: {
diff --git a/src/components/settings_modal/admin_tabs/mailer_tab.vue b/src/components/settings_modal/admin_tabs/mailer_tab.vue
index 42505d984..53d8cd7f9 100644
--- a/src/components/settings_modal/admin_tabs/mailer_tab.vue
+++ b/src/components/settings_modal/admin_tabs/mailer_tab.vue
@@ -1,6 +1,35 @@
 <template>
   <div :label="$t('admin_dash.tabs.mailer')">
     <div class="setting-section">
+      <h3>{{ $t('admin_dash.mailer.styling') }}</h3>
+      <ul class="setting-list">
+        <h4>{{ $t('admin_dash.mailer.assets') }}</h4>
+        <li>
+          <StringSetting :path="[':pleroma','Pleroma.Emails.UserEmail', ':logo']" />
+        </li>
+        <h4>{{ $t('admin_dash.mailer.colors') }}</h4>
+        <li>
+          <ColorSetting :path="[':pleroma','Pleroma.Emails.UserEmail', ':styling', ':background_color']" />
+        </li>
+        <li>
+          <ColorSetting :path="[':pleroma','Pleroma.Emails.UserEmail', ':styling', ':content_background_color']" />
+        </li>
+        <li>
+          <ColorSetting :path="[':pleroma','Pleroma.Emails.UserEmail', ':styling', ':header_color']" />
+        </li>
+        <li>
+          <ColorSetting :path="[':pleroma','Pleroma.Emails.UserEmail', ':styling', ':text_color']" />
+        </li>
+        <li>
+          <ColorSetting :path="[':pleroma','Pleroma.Emails.UserEmail', ':styling', ':link_color']" />
+        </li>
+        <li>
+          <ColorSetting :path="[':pleroma','Pleroma.Emails.UserEmail', ':styling', ':text_muted_color']" />
+        </li>
+        <li>
+          <GroupSetting :path="[':pleroma','Pleroma.Emails.UserEmail', ':styling']" />
+        </li>
+      </ul>
       <h3>{{ $t('admin_dash.mailer.adapter') }}</h3>
       <ul class="setting-list">
         <li>
diff --git a/src/i18n/en.json b/src/i18n/en.json
index 03ff6ec15..1e81e1437 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -1293,6 +1293,9 @@
       "invalidation_settings": "Cache Invalidation"
     },
     "mailer": {
+      "styling": "Styling",
+      "assets": "Assets",
+      "colors": "Color palette",
       "adapter": "Mailing Adapter",
       "auth": "Authentication"
     },