diff --git a/src/main/resources/static/css/dark/style.css b/src/main/resources/static/css/dark/style.css
index 1276a6d6ff3b5a5d730dd13440ee38c16edffa97..45630ae92b283d0d3c3ea9e389953f734391cec2 100644
--- a/src/main/resources/static/css/dark/style.css
+++ b/src/main/resources/static/css/dark/style.css
@@ -24,10 +24,6 @@ main {
     color: #FFFFFF;
 }
 
-.budgetmaster-blue {
-    background-color: #2E79B9;
-}
-
 .budgetmaster-grey {
     background-color: #CCCCCC !important;
 }
diff --git a/src/main/resources/static/css/style.css b/src/main/resources/static/css/style.css
index e80f74a57d91d92c60e4c2711c8ad08fb8a31947..bf1da78be505e11ae64ec1db15c235ee7e176754 100644
--- a/src/main/resources/static/css/style.css
+++ b/src/main/resources/static/css/style.css
@@ -23,10 +23,6 @@ main {
     color: #212121;
 }
 
-.budgetmaster-blue {
-    background-color: #2E79B9;
-}
-
 .budgetmaster-grey {
     background-color: #696969 !important;
 }
diff --git a/src/main/resources/templates/accounts/accounts.ftl b/src/main/resources/templates/accounts/accounts.ftl
index 87f6ec596dedd7311975cb99fc871edddda737d6..730794743e67477cf039f7ad058eefc5b1cd5575 100644
--- a/src/main/resources/templates/accounts/accounts.ftl
+++ b/src/main/resources/templates/accounts/accounts.ftl
@@ -17,7 +17,7 @@
                     </div>
                 </div>
                 <br>
-                <div class="center-align"><a href="<@s.url '/accounts/newAccount'/>" id="button-new-account" class="waves-effect waves-light btn budgetmaster-blue"><i class="material-icons left">add</i>${locale.getString("title.account.new")}</a></div>
+                <div class="center-align"><a href="<@s.url '/accounts/newAccount'/>" id="button-new-account" class="waves-effect waves-light btn background-blue"><i class="material-icons left">add</i>${locale.getString("title.account.new")}</a></div>
                 <br>
                 <div class="container account-container">
                     <table class="bordered">
diff --git a/src/main/resources/templates/accounts/newAccount.ftl b/src/main/resources/templates/accounts/newAccount.ftl
index 41a2273ae2e98227769a095afc7f668b1a26fb5e..3b64c0b298ce7e650b5f058fc3dac19e88e3f815 100644
--- a/src/main/resources/templates/accounts/newAccount.ftl
+++ b/src/main/resources/templates/accounts/newAccount.ftl
@@ -45,11 +45,11 @@
                         <#-- buttons -->
                         <div class="row hide-on-small-only">
                             <div class="col s6 right-align">
-                                <a href="<@s.url '/accounts'/>" class="waves-effect waves-light btn budgetmaster-blue"><i class="material-icons left">clear</i>${locale.getString("cancel")}</a>
+                                <a href="<@s.url '/accounts'/>" class="waves-effect waves-light btn background-blue"><i class="material-icons left">clear</i>${locale.getString("cancel")}</a>
                             </div>
 
                             <div class="col s6 left-align">
-                                <button id="button-save-account" class="btn waves-effect waves-light budgetmaster-blue" type="submit" name="action">
+                                <button id="button-save-account" class="btn waves-effect waves-light background-blue" type="submit" name="action">
                                     <i class="material-icons left">save</i>${locale.getString("save")}
                                 </button>
                             </div>
@@ -57,12 +57,12 @@
                         <div class="hide-on-med-and-up">
                             <div class="row center-align">
                                 <div class="col s12">
-                                    <a href="<@s.url '/accounts'/>" class="waves-effect waves-light btn budgetmaster-blue"><i class="material-icons left">clear</i>${locale.getString("cancel")}</a>
+                                    <a href="<@s.url '/accounts'/>" class="waves-effect waves-light btn background-blue"><i class="material-icons left">clear</i>${locale.getString("cancel")}</a>
                                 </div>
                             </div>
                             <div class="row center-align">
                                 <div class="col s12">
-                                    <button id="button-save-account" class="btn waves-effect waves-light budgetmaster-blue" type="submit" name="buttonSave">
+                                    <button id="button-save-account" class="btn waves-effect waves-light background-blue" type="submit" name="buttonSave">
                                         <i class="material-icons left">save</i>${locale.getString("save")}
                                     </button>
                                 </div>
diff --git a/src/main/resources/templates/categories/categories.ftl b/src/main/resources/templates/categories/categories.ftl
index fca30c4fc3542e134153d62728a04335d2facf45..a22c90990ea5ac48d16f08f1369dc86b1c0877d2 100644
--- a/src/main/resources/templates/categories/categories.ftl
+++ b/src/main/resources/templates/categories/categories.ftl
@@ -23,7 +23,7 @@
                 </div>
                 <br>
                 <div class="center-align">
-                    <a href="<@s.url '/categories/newCategory'/>" class="waves-effect waves-light btn budgetmaster-blue"><i class="material-icons left">add</i>${locale.getString("title.category.new")}
+                    <a href="<@s.url '/categories/newCategory'/>" class="waves-effect waves-light btn background-blue"><i class="material-icons left">add</i>${locale.getString("title.category.new")}
                     </a></div>
                 <br>
                 <div class="container">
diff --git a/src/main/resources/templates/categories/newCategory.ftl b/src/main/resources/templates/categories/newCategory.ftl
index 4e716bf89525d889eaea71559a6a74c0e3713b93..0c089be645a7ca4927194c88051987ca6ca6ef24 100644
--- a/src/main/resources/templates/categories/newCategory.ftl
+++ b/src/main/resources/templates/categories/newCategory.ftl
@@ -77,11 +77,11 @@
                         <#-- buttons -->
                         <div class="row hide-on-small-only">
                             <div class="col s6 right-align">
-                                <a href="<@s.url '/categories'/>" class="waves-effect waves-light btn budgetmaster-blue"><i class="material-icons left">clear</i>${locale.getString("cancel")}</a>
+                                <a href="<@s.url '/categories'/>" class="waves-effect waves-light btn background-blue"><i class="material-icons left">clear</i>${locale.getString("cancel")}</a>
                             </div>
 
                             <div class="col s6 left-align">
-                                <button class="btn waves-effect waves-light budgetmaster-blue" type="submit" name="action">
+                                <button class="btn waves-effect waves-light background-blue" type="submit" name="action">
                                     <i class="material-icons left">save</i>${locale.getString("save")}
                                 </button>
                             </div>
@@ -89,12 +89,12 @@
                         <div class="hide-on-med-and-up">
                             <div class="row center-align">
                                 <div class="col s12">
-                                    <a href="<@s.url '/categories'/>" class="waves-effect waves-light btn budgetmaster-blue"><i class="material-icons left">clear</i>${locale.getString("cancel")}</a>
+                                    <a href="<@s.url '/categories'/>" class="waves-effect waves-light btn background-blue"><i class="material-icons left">clear</i>${locale.getString("cancel")}</a>
                                 </div>
                             </div>
                             <div class="row center-align">
                                 <div class="col s12">
-                                    <button class="btn waves-effect waves-light budgetmaster-blue" type="submit" name="buttonSave">
+                                    <button class="btn waves-effect waves-light background-blue" type="submit" name="buttonSave">
                                         <i class="material-icons left">save</i>${locale.getString("save")}
                                     </button>
                                 </div>
diff --git a/src/main/resources/templates/charts/chartFunctions.ftl b/src/main/resources/templates/charts/chartFunctions.ftl
index 1714f43718e5a9ed9f59a8420d75de6ac0b6dff2..5b5165cc1ca5d17b50fac473145cb368f763c49c 100644
--- a/src/main/resources/templates/charts/chartFunctions.ftl
+++ b/src/main/resources/templates/charts/chartFunctions.ftl
@@ -26,11 +26,11 @@
 </#macro>
 
 <#macro buttonNew>
-    <a href="<@s.url '/charts/newChart'/>" class="waves-effect waves-light btn budgetmaster-blue"><i class="material-icons left">add</i>${locale.getString("title.chart.new")}</a>
+    <a href="<@s.url '/charts/newChart'/>" class="waves-effect waves-light btn background-blue"><i class="material-icons left">add</i>${locale.getString("title.chart.new")}</a>
 </#macro>
 
 <#macro buttonShow>
-    <a href="<@s.url '/charts'/>" class="waves-effect waves-light btn budgetmaster-blue"><i class="material-icons left">show_chart</i>${locale.getString("home.menu.charts.action.show")}</a>
+    <a href="<@s.url '/charts'/>" class="waves-effect waves-light btn background-blue"><i class="material-icons left">show_chart</i>${locale.getString("home.menu.charts.action.show")}</a>
 </#macro>
 
 <#macro buttons>
diff --git a/src/main/resources/templates/charts/charts.ftl b/src/main/resources/templates/charts/charts.ftl
index c6be3071402bb449d200954d62933a573139ff9c..76a00c36db8055e8474dbe4b87400f5ccc452fc4 100644
--- a/src/main/resources/templates/charts/charts.ftl
+++ b/src/main/resources/templates/charts/charts.ftl
@@ -26,7 +26,7 @@
                 </div>
                 <br>
                 <div class="center-align">
-                    <a href="<@s.url '/charts/manage'/>" class="waves-effect waves-light btn budgetmaster-blue"><i class="material-icons left">edit</i>${locale.getString("home.menu.charts.action.manage")}
+                    <a href="<@s.url '/charts/manage'/>" class="waves-effect waves-light btn background-blue"><i class="material-icons left">edit</i>${locale.getString("home.menu.charts.action.manage")}
                     </a></div>
                 <br>
                 <div class="container">
@@ -50,7 +50,7 @@
                         <#-- buttons -->
                         <div class="row center-align">
                             <div class="col s12">
-                                <button class="btn waves-effect waves-light budgetmaster-blue" type="submit"
+                                <button class="btn waves-effect waves-light background-blue" type="submit"
                                         name="buttonSave">
                                     <i class="material-icons left">show_chart</i>${locale.getString("chart.show")}
                                 </button>
diff --git a/src/main/resources/templates/charts/newChart.ftl b/src/main/resources/templates/charts/newChart.ftl
index 173e2a9905061e94f646ca9a9c85383438d2785b..641b3159fdb8b2964d571f7fd8a570c4df53743f 100644
--- a/src/main/resources/templates/charts/newChart.ftl
+++ b/src/main/resources/templates/charts/newChart.ftl
@@ -72,11 +72,11 @@
                         <#-- buttons -->
                         <div class="row hide-on-small-only">
                             <div class="col s6 right-align">
-                                <a href="<@s.url '/charts/manage'/>" class="waves-effect waves-light btn budgetmaster-blue"><i class="material-icons left">clear</i>${locale.getString("cancel")}</a>
+                                <a href="<@s.url '/charts/manage'/>" class="waves-effect waves-light btn background-blue"><i class="material-icons left">clear</i>${locale.getString("cancel")}</a>
                             </div>
 
                             <div class="col s6 left-align">
-                                <button class="btn waves-effect waves-light budgetmaster-blue" type="submit" name="action" <#if (chart.getType().name() == "DEFAULT")>disabled</#if>>
+                                <button class="btn waves-effect waves-light background-blue" type="submit" name="action" <#if (chart.getType().name() == "DEFAULT")>disabled</#if>>
                                     <i class="material-icons left">save</i>${locale.getString("save")}
                                 </button>
                             </div>
@@ -84,12 +84,12 @@
                         <div class="hide-on-med-and-up">
                             <div class="row center-align">
                                 <div class="col s12">
-                                    <a href="<@s.url '/charts/manage'/>" class="waves-effect waves-light btn budgetmaster-blue"><i class="material-icons left">clear</i>${locale.getString("cancel")}</a>
+                                    <a href="<@s.url '/charts/manage'/>" class="waves-effect waves-light btn background-blue"><i class="material-icons left">clear</i>${locale.getString("cancel")}</a>
                                 </div>
                             </div>
                             <div class="row center-align">
                                 <div class="col s12">
-                                    <button class="btn waves-effect waves-light budgetmaster-blue" type="submit" name="buttonSave" <#if (chart.getType().name() == "DEFAULT")>disabled</#if>>
+                                    <button class="btn waves-effect waves-light background-blue" type="submit" name="buttonSave" <#if (chart.getType().name() == "DEFAULT")>disabled</#if>>
                                         <i class="material-icons left">save</i>${locale.getString("save")}
                                     </button>
                                 </div>
diff --git a/src/main/resources/templates/error/400.ftl b/src/main/resources/templates/error/400.ftl
index b66d11075af8732c40d4e5212f5cf7612cb7bd92..8392c5ddb31a90407022b44c61359912eee85413 100644
--- a/src/main/resources/templates/error/400.ftl
+++ b/src/main/resources/templates/error/400.ftl
@@ -22,7 +22,7 @@
                                 </div>
                             </div>
                             <div class="center-align">
-                                <a href="<@s.url '/'/>" class="waves-effect waves-light btn budgetmaster-blue"><i class="material-icons left">home</i>${locale.getString("errorpages.home")}</a>
+                                <a href="<@s.url '/'/>" class="waves-effect waves-light btn background-blue"><i class="material-icons left">home</i>${locale.getString("errorpages.home")}</a>
                             </div>
                         </div>
                     </div>
diff --git a/src/main/resources/templates/error/403.ftl b/src/main/resources/templates/error/403.ftl
index bcf6f85e8cdf0fa1ca1fccdb8714eb7d285e3bff..b54ceabe117e0fee1b5cadf5eb423a7f45fdb7d1 100644
--- a/src/main/resources/templates/error/403.ftl
+++ b/src/main/resources/templates/error/403.ftl
@@ -22,7 +22,7 @@
                                 </div>
                             </div>
                             <div class="center-align">
-                                <a href="<@s.url '/'/>" class="waves-effect waves-light btn budgetmaster-blue"><i class="material-icons left">home</i>${locale.getString("errorpages.home")}</a>
+                                <a href="<@s.url '/'/>" class="waves-effect waves-light btn background-blue"><i class="material-icons left">home</i>${locale.getString("errorpages.home")}</a>
                             </div>
                         </div>
                     </div>
diff --git a/src/main/resources/templates/error/404.ftl b/src/main/resources/templates/error/404.ftl
index 00cca924ba66833459d3483e16fce25cff4f0374..c8311115aa8d41c2d144e5b1e0cfa99c306acd9d 100644
--- a/src/main/resources/templates/error/404.ftl
+++ b/src/main/resources/templates/error/404.ftl
@@ -22,7 +22,7 @@
                                 </div>
                             </div>
                             <div class="center-align">
-                                <a href="<@s.url '/'/>" class="waves-effect waves-light btn budgetmaster-blue"><i class="material-icons left">home</i>${locale.getString("errorpages.home")}</a>
+                                <a href="<@s.url '/'/>" class="waves-effect waves-light btn background-blue"><i class="material-icons left">home</i>${locale.getString("errorpages.home")}</a>
                             </div>
                         </div>
                     </div>
diff --git a/src/main/resources/templates/error/418.ftl b/src/main/resources/templates/error/418.ftl
index 39bccd513fbd9e4964f4a348e82607c55eed3517..1573e794df39108096ecc3c1dc8e296e7d85de7c 100644
--- a/src/main/resources/templates/error/418.ftl
+++ b/src/main/resources/templates/error/418.ftl
@@ -24,7 +24,7 @@
                                 </div>
                             </div>
                             <div class="center-align">
-                                <a href="<@s.url '/'/>" class="waves-effect waves-light btn budgetmaster-blue"><i class="material-icons left">home</i>${locale.getString("errorpages.home")}</a>
+                                <a href="<@s.url '/'/>" class="waves-effect waves-light btn background-blue"><i class="material-icons left">home</i>${locale.getString("errorpages.home")}</a>
                             </div>
                         </div>
                     </div>
diff --git a/src/main/resources/templates/error/500.ftl b/src/main/resources/templates/error/500.ftl
index e372398731be3d2099a29f930625625a8980eded..d5b40de61da27aa042ba5cab649a6ecd5b9aa618 100644
--- a/src/main/resources/templates/error/500.ftl
+++ b/src/main/resources/templates/error/500.ftl
@@ -22,7 +22,7 @@
                                 </div>
                             </div>
                             <div class="center-align">
-                                <a href="<@s.url '/'/>" class="waves-effect waves-light btn budgetmaster-blue"><i class="material-icons left">home</i>${locale.getString("errorpages.home")}</a>
+                                <a href="<@s.url '/'/>" class="waves-effect waves-light btn background-blue"><i class="material-icons left">home</i>${locale.getString("errorpages.home")}</a>
                             </div>
                         </div>
                     </div>
diff --git a/src/main/resources/templates/filter/filterMacros.ftl b/src/main/resources/templates/filter/filterMacros.ftl
index d0892a6dbd16fad031bf23045511957c27f12f8c..7eac102acc70eab3b93e471727d79fd1b28cae2d 100644
--- a/src/main/resources/templates/filter/filterMacros.ftl
+++ b/src/main/resources/templates/filter/filterMacros.ftl
@@ -51,30 +51,30 @@
 </#macro>
 
 <#macro buttonReset>
-    <a href="<@s.url '/filter/reset'/>" class="waves-effect waves-light btn budgetmaster-blue"><i class="material-icons left">settings_backup_restore</i>${locale.getString("filter.reset")}</a>
+    <a href="<@s.url '/filter/reset'/>" class="waves-effect waves-light btn background-blue"><i class="material-icons left">settings_backup_restore</i>${locale.getString("filter.reset")}</a>
 </#macro>
 
 <#macro buttonApply>
-    <button class="btn waves-effect waves-light budgetmaster-blue" type="submit" name="buttonSave">
+    <button class="btn waves-effect waves-light background-blue" type="submit" name="buttonSave">
         <i class="fas fa-filter left"></i>${locale.getString("filter.apply")}
     </button>
 </#macro>
 
 <#macro buttonResetChart>
-    <a class="filter-button-reset waves-effect waves-light btn budgetmaster-blue"><i class="material-icons left">settings_backup_restore</i>${locale.getString("filter.reset")}</a>
+    <a class="filter-button-reset waves-effect waves-light btn background-blue"><i class="material-icons left">settings_backup_restore</i>${locale.getString("filter.reset")}</a>
 </#macro>
 
 <#macro buttonClose>
-    <a class="filter-button-close waves-effect waves-light budgetmaster-blue btn white-text"><i class="fas fa-filter left"></i>${locale.getString("filter.apply")}</a>
+    <a class="filter-button-close waves-effect waves-light background-blue btn white-text"><i class="fas fa-filter left"></i>${locale.getString("filter.apply")}</a>
 </#macro>
 
 <#macro buttonsAllOrNone>
     <div class="row no-margin">
         <div class="col s6 right-align">
-            <a class="waves-effect waves-light btn budgetmaster-blue filter-button-all">${locale.getString("filter.tags.button.all")}</a>
+            <a class="waves-effect waves-light btn background-blue filter-button-all">${locale.getString("filter.tags.button.all")}</a>
         </div>
         <div class="col s6">
-            <a class="waves-effect waves-light btn budgetmaster-blue filter-button-none">${locale.getString("filter.tags.button.none")}</a>
+            <a class="waves-effect waves-light btn background-blue filter-button-none">${locale.getString("filter.tags.button.none")}</a>
         </div>
     </div>
 </#macro>
diff --git a/src/main/resources/templates/firstUse.ftl b/src/main/resources/templates/firstUse.ftl
index 9f56150a06959c5df4b597f45acab5281740ae53..161e231b115023bf0f8b7387970b293e05cd1052 100644
--- a/src/main/resources/templates/firstUse.ftl
+++ b/src/main/resources/templates/firstUse.ftl
@@ -97,7 +97,7 @@
                                     <h5>${locale.getString("home.first.use.step.5.sub.4")}</h5>
 
                                     <p class="center-align">
-                                        <a href="<@s.url '/'/>" class="waves-effect waves-light btn budgetmaster-blue">
+                                        <a href="<@s.url '/'/>" class="waves-effect waves-light btn background-blue">
                                             <i class="material-icons left">home</i>${locale.getString("home.first.use.home")}
                                         </a>
                                     </p>
diff --git a/src/main/resources/templates/login.ftl b/src/main/resources/templates/login.ftl
index f5c06b0872abd54c3b83b8685b096f1dfc26c2e0..c74e909507132744196c0695c73c70655035a9d6 100644
--- a/src/main/resources/templates/login.ftl
+++ b/src/main/resources/templates/login.ftl
@@ -54,7 +54,7 @@
 
                                 <div class="row login-margin-top">
                                     <div class="col s12 right-align">
-                                        <button class="btn waves-effect waves-light budgetmaster-blue" type="submit" name="action">
+                                        <button class="btn waves-effect waves-light background-blue" type="submit" name="action">
                                             <i class="material-icons left">send</i>${locale.getString("login.button")}
                                         </button>
                                     </div>
diff --git a/src/main/resources/templates/reports/reports.ftl b/src/main/resources/templates/reports/reports.ftl
index 421a75df832bf1baaed47c7999151c285bbdca7e..60259de57a466e84680edb08f9780740eb0f288f 100644
--- a/src/main/resources/templates/reports/reports.ftl
+++ b/src/main/resources/templates/reports/reports.ftl
@@ -97,7 +97,7 @@
                         <#-- button generate -->
                         <div class="row valign-wrapper">
                             <div class="col s12 center-align">
-                                <button class="btn waves-effect waves-light budgetmaster-blue" type="submit" name="buttonSave">
+                                <button class="btn waves-effect waves-light background-blue" type="submit" name="buttonSave">
                                     <i class="material-icons left">save</i>${locale.getString("report.button.generate")}
                                 </button>
                             </div>
diff --git a/src/main/resources/templates/search/searchMacros.ftl b/src/main/resources/templates/search/searchMacros.ftl
index 7e3bd84c14153dbb330d8ab676bb0657c67e428e..3cae21ef218f231e2170a44a818108282f55afc1 100644
--- a/src/main/resources/templates/search/searchMacros.ftl
+++ b/src/main/resources/templates/search/searchMacros.ftl
@@ -11,12 +11,12 @@
 
         <div class="col s2 m3 l4">
             <div class="hide-on-small-only">
-                <button class="btn waves-effect waves-light budgetmaster-blue" type="submit" name="action">
+                <button class="btn waves-effect waves-light background-blue" type="submit" name="action">
                     <i class="material-icons left">search</i>${locale.getString("search.submit")}
                 </button>
             </div>
             <div class="hide-on-med-and-up">
-                <button class="btn waves-effect waves-light budgetmaster-blue" type="submit" name="action">
+                <button class="btn waves-effect waves-light background-blue" type="submit" name="action">
                     <i class="material-icons">search</i>
                 </button>
             </div>
diff --git a/src/main/resources/templates/settings/import.ftl b/src/main/resources/templates/settings/import.ftl
index 7f7b333331f0c241a064cf825115f3f27cbe2682..ae6a42306545203f57285cba2d5aed0e5ade8a9e 100644
--- a/src/main/resources/templates/settings/import.ftl
+++ b/src/main/resources/templates/settings/import.ftl
@@ -42,7 +42,7 @@
                                     </td>
                                     <td class="import-text">${locale.getString("info.database.import.or")}</td>
                                     <td>
-                                        <a href="<@s.url '/accounts/newAccount'/>" class="btn waves-effect waves-light budgetmaster-blue button-new-account"><i class="material-icons left">add</i>${locale.getString("title.account.new")}</a>
+                                        <a href="<@s.url '/accounts/newAccount'/>" class="btn waves-effect waves-light background-blue button-new-account"><i class="material-icons left">add</i>${locale.getString("title.account.new")}</a>
                                     </td>
                                 </tr>
                             </#list>
@@ -58,11 +58,11 @@
                         <#-- buttons -->
                         <div class="row">
                             <div class="col m6 l4 offset-l2 right-align">
-                                <a href="<@s.url '/settings'/>" class="waves-effect waves-light btn budgetmaster-blue"><i class="material-icons left">clear</i>${locale.getString("cancel")}</a>
+                                <a href="<@s.url '/settings'/>" class="waves-effect waves-light btn background-blue"><i class="material-icons left">clear</i>${locale.getString("cancel")}</a>
                             </div>
 
                             <div class="col m6 l4 left-align">
-                                <button class="btn waves-effect waves-light budgetmaster-blue" type="submit" name="action" id="buttonImport">
+                                <button class="btn waves-effect waves-light background-blue" type="submit" name="action" id="buttonImport">
                                     <i class="material-icons left">unarchive</i>${locale.getString("settings.database.import")}
                                 </button>
                             </div>
diff --git a/src/main/resources/templates/settings/settings.ftl b/src/main/resources/templates/settings/settings.ftl
index 53279164918065afbc1216ba83de56e76476c8cd..f562fbe3dfcb0c25fa60116fc98ea72c28b4cdfc 100644
--- a/src/main/resources/templates/settings/settings.ftl
+++ b/src/main/resources/templates/settings/settings.ftl
@@ -133,7 +133,7 @@
                         <#-- buttons -->
                         <div class="row">
                             <div class="col s12 center-align">
-                                <button class="btn waves-effect waves-light budgetmaster-blue" type="submit" name="action">
+                                <button class="btn waves-effect waves-light background-blue" type="submit" name="action">
                                     <i class="material-icons left">save</i>${locale.getString("save")}
                                 </button>
                             </div>
diff --git a/src/main/resources/templates/settings/settingsMacros.ftl b/src/main/resources/templates/settings/settingsMacros.ftl
index 3d6f3cb302ed578a86534cc1cca86d7143d79efb..43cbb56a31639a378e19fd9b9fe57dd46bb22fef 100644
--- a/src/main/resources/templates/settings/settingsMacros.ftl
+++ b/src/main/resources/templates/settings/settingsMacros.ftl
@@ -115,7 +115,7 @@
             <form id="form-database-import" method="POST" action="<@s.url '/settings/database/upload'/>" enctype="multipart/form-data" accept-charset="UTF-8">
                 <input type="hidden" name="${_csrf.parameterName}" value="${_csrf.token}"/>
                 <div class="file-field input-field">
-                    <div class="btn budgetmaster-blue">
+                    <div class="btn background-blue">
                         <i class="material-icons">cloud_upload</i>
                         <input id="inputDatabaseImport" type="file" accept=".json" name="file">
                     </div>
@@ -265,7 +265,7 @@
         </div>
 
         <div class="col s6 m6 l4 offset-l2">
-            <a id="settings-backup-auto-git-test" data-url="<@s.url '/settings/git/test'/>" class="waves-effect waves-light btn budgetmaster-blue"><i class="material-icons left">send</i>${locale.getString("settings.backup.auto.git.test")}</a>
+            <a id="settings-backup-auto-git-test" data-url="<@s.url '/settings/git/test'/>" class="waves-effect waves-light btn background-blue"><i class="material-icons left">send</i>${locale.getString("settings.backup.auto.git.test")}</a>
         </div>
 
         <div class="col s6 m6 l4 right-align">
diff --git a/src/main/resources/templates/templates/templateFunctions.ftl b/src/main/resources/templates/templates/templateFunctions.ftl
index 903886c14bb36866ff6e7a7ed81acfd2885471c5..39db17d2c217171958291c18e796afb7b09675c8 100644
--- a/src/main/resources/templates/templates/templateFunctions.ftl
+++ b/src/main/resources/templates/templates/templateFunctions.ftl
@@ -2,7 +2,7 @@
 <#import "../helpers/validation.ftl" as validation>
 
 <#macro buttonNew>
-    <a href="<@s.url '/templates/newTemplate'/>" class="waves-effect waves-light btn budgetmaster-blue"><i
+    <a href="<@s.url '/templates/newTemplate'/>" class="waves-effect waves-light btn background-blue"><i
                 class="material-icons left">add</i>${locale.getString("title.template.new")}</a>
 </#macro>
 
@@ -26,7 +26,7 @@
                                 <div class="collapsible-header-button">
                                     <a href="<@s.url '/templates/${template.ID?c}/edit'/>" class="btn-flat no-padding text-color"><i class="material-icons left no-margin">edit</i></a>
                                     <a href="<@s.url '/templates/${template.ID?c}/requestDelete'/>" class="btn-flat no-padding text-color"><i class="material-icons left no-margin">delete</i></a>
-                                    <a href="<@s.url '/templates/${template.ID?c}/select'/>" class="waves-effect waves-light btn budgetmaster-blue button-select-template"><i class="material-icons left no-margin">note_add</i></a>
+                                    <a href="<@s.url '/templates/${template.ID?c}/select'/>" class="waves-effect waves-light btn background-blue button-select-template"><i class="material-icons left no-margin">note_add</i></a>
                                 </div>
                             </div>
                             <div class="collapsible-body">
diff --git a/src/main/resources/templates/transactions/newTransactionMacros.ftl b/src/main/resources/templates/transactions/newTransactionMacros.ftl
index 1a88b4bec1098faf3de1eb8a753df0aefe2a52fd..7c8db1c7bc4251c2f407ae372f45e9f1829b0e80 100644
--- a/src/main/resources/templates/transactions/newTransactionMacros.ftl
+++ b/src/main/resources/templates/transactions/newTransactionMacros.ftl
@@ -379,11 +379,11 @@
 </#macro>
 
 <#macro buttonCancel cancelURL>
-    <a href="<@s.url cancelURL/>" class="waves-effect waves-light btn budgetmaster-blue"><i class="material-icons left">clear</i>${locale.getString("cancel")}</a>
+    <a href="<@s.url cancelURL/>" class="waves-effect waves-light btn background-blue"><i class="material-icons left">clear</i>${locale.getString("cancel")}</a>
 </#macro>
 
 <#macro buttonSave>
-    <button id="button-save-transaction" class="btn waves-effect waves-light budgetmaster-blue" type="submit" name="action">
+    <button id="button-save-transaction" class="btn waves-effect waves-light background-blue" type="submit" name="action">
         <i class="material-icons left">save</i>${locale.getString("save")}
     </button>
 </#macro>
@@ -391,7 +391,7 @@
 <#macro buttonTransactionActions canChangeType canCreateTemplate changetypeInProgress>
     <#if (canChangeType || canCreateTemplate) && !changetypeInProgress>
         <div class="fixed-action-btn" id="transaction-actions-button">
-            <a class="btn-floating btn-large waves-effect waves-light budgetmaster-blue">
+            <a class="btn-floating btn-large waves-effect waves-light background-blue">
                 <i class="material-icons left">settings</i>${locale.getString("save")}
             </a>
             <ul>