diff --git a/BudgetMasterServer/src/main/resources/templates/settings/settingsMacros.ftl b/BudgetMasterServer/src/main/resources/templates/settings/settingsMacros.ftl
index 3a260909acb3a92641036a7b95b88e2f6e10d059..c85e942bf5ff54c55bfb8019af3fc0e6e6cde9b4 100644
--- a/BudgetMasterServer/src/main/resources/templates/settings/settingsMacros.ftl
+++ b/BudgetMasterServer/src/main/resources/templates/settings/settingsMacros.ftl
@@ -304,7 +304,13 @@
     <li class="z-depth-2">
         <div class="collapsible-header bold" id="${id}Header">
             <#if isFontAwesomeIcon><i class="${icon}"></i><#else><i class="material-icons">${icon}</i></#if>${title}
-            <div class="collapsible-header-button hidden"><i class="material-icons text-yellow">warning</i>${locale.getString('settings.warning.unsaved')}</div>
+            <#if helpers.getSettings().isUseDarkTheme()>
+                <#assign unsavedChangesTextColor='text-yellow'/>
+            <#else>
+                <#assign unsavedChangesTextColor='text-red-light'/>
+            </#if>
+
+            <div class="collapsible-header-button hidden ${unsavedChangesTextColor}"><i class="material-icons">warning</i>${locale.getString('settings.warning.unsaved')}</div>
         </div>
         <div class="collapsible-body">
             <div class="row no-margin-bottom" id="${id}">