diff --git a/src/main/resources/static/css/dark/style.css b/src/main/resources/static/css/dark/style.css
index 4b3d161dee6358e44195cdbb6d9e163f36cccf7b..7908301a95f2db1566d44c323e80020cbe3d1974 100644
--- a/src/main/resources/static/css/dark/style.css
+++ b/src/main/resources/static/css/dark/style.css
@@ -20,10 +20,6 @@ main {
     margin-bottom: 24px;
 }
 
-.text-color {
-    color: #FFFFFF;
-}
-
 .budgetmaster-text-update {
     color: #212121 !important;
 }
diff --git a/src/main/resources/static/css/style.css b/src/main/resources/static/css/style.css
index 52720e86257fa41e88a424cb1cc256a8716bbed1..d0045fe083fceae14dac272f378f681fa481f5f6 100644
--- a/src/main/resources/static/css/style.css
+++ b/src/main/resources/static/css/style.css
@@ -19,10 +19,6 @@ main {
     margin-bottom: 24px;
 }
 
-.text-color {
-    color: #212121;
-}
-
 .sidenav-trigger, .sidenav-trigger i {
     font-size: 1.5em;
 }
diff --git a/src/main/resources/templates/accounts/accounts.ftl b/src/main/resources/templates/accounts/accounts.ftl
index 730794743e67477cf039f7ad058eefc5b1cd5575..8bba0e5f71a3907a31223f511e0e528a71556d44 100644
--- a/src/main/resources/templates/accounts/accounts.ftl
+++ b/src/main/resources/templates/accounts/accounts.ftl
@@ -32,17 +32,17 @@
                                         <#else>
                                             <#assign toolTipText = locale.getString("account.tooltip.readonly.deactivate")/>
                                             <#assign lockIcon = '<i class="fas fa-lock-open"></i>'/>
-                                            <a href="<@s.url '/accounts/${account.getID()?c}/setAsDefault'/>" class="btn-flat no-padding text-color tooltipped" data-position="left" data-tooltip="${locale.getString("account.tooltip.default")}"><i class="material-icons left"><#if account.isDefault()>star<#else>star_border</#if></i></a>
+                                            <a href="<@s.url '/accounts/${account.getID()?c}/setAsDefault'/>" class="btn-flat no-padding text-defaultr tooltipped" data-position="left" data-tooltip="${locale.getString("account.tooltip.default")}"><i class="material-icons left"><#if account.isDefault()>star<#else>star_border</#if></i></a>
                                         </#if>
 
                                         <#if !account.isDefault()>
-                                            <a href="<@s.url '/accounts/${account.getID()?c}/toggleReadOnly'/>" class="btn-flat no-padding text-color tooltipped" data-position="right" data-tooltip="${toolTipText}">${lockIcon}</a>
+                                            <a href="<@s.url '/accounts/${account.getID()?c}/toggleReadOnly'/>" class="btn-flat no-padding text-defaultr tooltipped" data-position="right" data-tooltip="${toolTipText}">${lockIcon}</a>
                                         </#if>
                                     </td>
                                     <td>${account.getName()}</td>
                                     <td>
-                                        <a href="<@s.url '/accounts/${account.getID()?c}/edit'/>" class="btn-flat no-padding text-color"><i class="material-icons left">edit</i></a>
-                                        <a href="<@s.url '/accounts/${account.getID()?c}/requestDelete'/>" class="btn-flat no-padding text-color"><i class="material-icons left no-margin">delete</i></a>
+                                        <a href="<@s.url '/accounts/${account.getID()?c}/edit'/>" class="btn-flat no-padding text-defaultr"><i class="material-icons left">edit</i></a>
+                                        <a href="<@s.url '/accounts/${account.getID()?c}/requestDelete'/>" class="btn-flat no-padding text-defaultr"><i class="material-icons left no-margin">delete</i></a>
                                     </td>
                                 </tr>
                             </#if>
diff --git a/src/main/resources/templates/categories/categories.ftl b/src/main/resources/templates/categories/categories.ftl
index a22c90990ea5ac48d16f08f1369dc86b1c0877d2..73015f8a47711999a954ed0912c65f61d6104842 100644
--- a/src/main/resources/templates/categories/categories.ftl
+++ b/src/main/resources/templates/categories/categories.ftl
@@ -44,9 +44,9 @@
                                 <td>${categoryName} </td>
                                 <td>${usageCount}</td>
                                 <td>
-                                    <a href="<@s.url '/categories/${category.ID?c}/edit'/>" class="btn-flat no-padding text-color"><i class="material-icons left">edit</i></a>
+                                    <a href="<@s.url '/categories/${category.ID?c}/edit'/>" class="btn-flat no-padding text-defaultr"><i class="material-icons left">edit</i></a>
                                     <#if (category.getType().name() == "CUSTOM")>
-                                        <a href="<@s.url '/categories/${category.ID?c}/requestDelete'/>" class="btn-flat no-padding text-color"><i class="material-icons left no-margin">delete</i></a>
+                                        <a href="<@s.url '/categories/${category.ID?c}/requestDelete'/>" class="btn-flat no-padding text-defaultr"><i class="material-icons left no-margin">delete</i></a>
                                     </#if>
                                 </td>
                             </tr>
diff --git a/src/main/resources/templates/charts/chartFunctions.ftl b/src/main/resources/templates/charts/chartFunctions.ftl
index 5b5165cc1ca5d17b50fac473145cb368f763c49c..cff4d2b3c357caac0c55d6de79891a09fe471d44 100644
--- a/src/main/resources/templates/charts/chartFunctions.ftl
+++ b/src/main/resources/templates/charts/chartFunctions.ftl
@@ -15,7 +15,7 @@
 <#macro infoMessage text>
     <div class="row no-margin-bottom">
         <div class="col s12 center-align">
-            <table class="text-color login-message no-border-table">
+            <table class="text-default login-message no-border-table">
                 <tr>
                     <td><i class="material-icons">info</i></td>
                     <td>${text}</td>
diff --git a/src/main/resources/templates/charts/manage.ftl b/src/main/resources/templates/charts/manage.ftl
index 94b6495b0259d98f04dff6f378d4eab08ec1054d..5538a64287e5b87e9dc2d8a246494fdbc536426e 100644
--- a/src/main/resources/templates/charts/manage.ftl
+++ b/src/main/resources/templates/charts/manage.ftl
@@ -36,15 +36,15 @@
                                 <td>${chartName}</td>
                                 <td>
                                     <#if chart.getType().name() == "DEFAULT">
-                                        <a class="no-padding text-color"><i class="material-icons left">lock</i></a>
+                                        <a class="no-padding text-default"><i class="material-icons left">lock</i></a>
                                     <#else>
-                                        <a class="no-padding text-color"><i class="material-icons left">person</i></a>
+                                        <a class="no-padding text-default"><i class="material-icons left">person</i></a>
                                     </#if>
                                 </td>
                                 <td>
-                                    <a href="<@s.url '/charts/${chart.ID?c}/edit'/>" class="btn-flat no-padding text-color"><i class="material-icons left">edit</i></a>
+                                    <a href="<@s.url '/charts/${chart.ID?c}/edit'/>" class="btn-flat no-padding text-default"><i class="material-icons left">edit</i></a>
                                     <#if (chart.getType().name() == "CUSTOM")>
-                                        <a href="<@s.url '/charts/${chart.ID?c}/requestDelete'/>" class="btn-flat no-padding text-color"><i class="material-icons left">delete</i></a>
+                                        <a href="<@s.url '/charts/${chart.ID?c}/requestDelete'/>" class="btn-flat no-padding text-default"><i class="material-icons left">delete</i></a>
                                     </#if>
                                 </td>
                             </tr>
diff --git a/src/main/resources/templates/filter/filterMacros.ftl b/src/main/resources/templates/filter/filterMacros.ftl
index 7eac102acc70eab3b93e471727d79fd1b28cae2d..7404376988b38b0624de1645fbd06a25091c8d61 100644
--- a/src/main/resources/templates/filter/filterMacros.ftl
+++ b/src/main/resources/templates/filter/filterMacros.ftl
@@ -128,19 +128,19 @@
                             <div class="col s12 m4 l4">
                                 <label>
                                     <input type="checkbox" name="${prefixValue}includeIncome" <#if filterConfiguration.isIncludeIncome()>checked="checked"</#if>>
-                                    <span class="text-color">${locale.getString('filter.type.income')}</span>
+                                    <span class="text-default">${locale.getString('filter.type.income')}</span>
                                 </label>
                             </div>
                             <div class="col s12 m4 l4">
                                 <label>
                                     <input type="checkbox" name="${prefixValue}includeExpenditure" <#if filterConfiguration.isIncludeExpenditure()>checked="checked"</#if>>
-                                    <span class="text-color">${locale.getString('filter.type.expenditure')}</span>
+                                    <span class="text-default">${locale.getString('filter.type.expenditure')}</span>
                                 </label>
                             </div>
                             <div class="col s12 m4 l4">
                                 <label>
                                     <input type="checkbox" name="${prefixValue}includeTransfer" <#if filterConfiguration.isIncludeTransfer()>checked="checked"</#if>>
-                                    <span class="text-color">${locale.getString('filter.type.transfer')}</span>
+                                    <span class="text-default">${locale.getString('filter.type.transfer')}</span>
                                 </label>
                             </div>
                         </div>
@@ -158,13 +158,13 @@
                             <div class="col s6 m6 l6">
                                 <label>
                                     <input type="checkbox" name="${prefixValue}includeNotRepeating" <#if filterConfiguration.isIncludeNotRepeating()>checked="checked"</#if>>
-                                    <span class="text-color">${locale.getString('filter.repeating.false')}</span>
+                                    <span class="text-default">${locale.getString('filter.repeating.false')}</span>
                                 </label>
                             </div>
                             <div class="col s6 m6 l6">
                                 <label>
                                     <input type="checkbox" name="${prefixValue}includeRepeating" <#if filterConfiguration.isIncludeRepeating()>checked="checked"</#if>>
-                                    <span class="text-color">${locale.getString('filter.repeating.true')}</span>
+                                    <span class="text-default">${locale.getString('filter.repeating.true')}</span>
                                 </label>
                             </div>
                         </div>
@@ -185,7 +185,7 @@
                                     <div>
                                         <label>
                                             <input type="checkbox" name="${prefixValue}filterCategories['${filterCategory?index}'].include" <#if filterCategory.isInclude()>checked="checked"</#if>>
-                                            <span class="text-color">${filterCategory.getName()}</span>
+                                            <span class="text-default">${filterCategory.getName()}</span>
                                         </label>
                                         <input type="hidden" name="${prefixValue}filterCategories['${filterCategory?index}'].ID" value="${filterCategory.getID()}"/>
                                         <input type="hidden" name="${prefixValue}filterCategories['${filterCategory?index}'].name" value="${filterCategory.getName()}"/>
@@ -210,7 +210,7 @@
                                     <div>
                                         <label>
                                             <input type="checkbox" name="${prefixValue}filterTags['${filterTag?index}'].include" <#if filterTag.isInclude()>checked="checked"</#if>>
-                                            <span class="text-color">${filterTag.getName()}</span>
+                                            <span class="text-default">${filterTag.getName()}</span>
                                         </label>
                                         <input type="hidden" name="${prefixValue}filterTags['${filterTag?index}'].ID" value="${filterTag.getID()}"/>
                                         <input type="hidden" name="${prefixValue}filterTags['${filterTag?index}'].name" value="${filterTag.getName()}"/>
diff --git a/src/main/resources/templates/helpers/globalDatePicker.ftl b/src/main/resources/templates/helpers/globalDatePicker.ftl
index 618f90a3661dfecf51454892da44bfe024e900dd..a6f23cffa1ed0e57c9935fce2ccea6f5c0798d3a 100644
--- a/src/main/resources/templates/helpers/globalDatePicker.ftl
+++ b/src/main/resources/templates/helpers/globalDatePicker.ftl
@@ -2,10 +2,10 @@
     <#import "/spring.ftl" as s>
      <div class="container">
          <div class="section center-align">
-             <a href="<@s.url '/previousMonth?target=${target}'/>" id="global-datepicker-previous-month" class="waves-effect text-color"><i class="material-icons icon-chevron">chevron_left</i></a>
-             <a href="#modalDate" class="waves-effect headline-date modal-trigger text-color datePicker-fixed-width">${dateService.getDateStringWithMonthAndYear(fullDate)}</a>
-             <a href="<@s.url '/nextMonth?target=${target}'/>" id="global-datepicker-next-month" class="waves-effect text-color"><i class="material-icons icon-chevron">chevron_right</i></a>
-             <a href="<@s.url '/today?target=${target}'/>" id="global-datepicker-today" class="waves-effect text-color"><i class="material-icons icon-today">event</i></a>
+             <a href="<@s.url '/previousMonth?target=${target}'/>" id="global-datepicker-previous-month" class="waves-effect text-default"><i class="material-icons icon-chevron">chevron_left</i></a>
+             <a href="#modalDate" class="waves-effect headline-date modal-trigger text-default datePicker-fixed-width">${dateService.getDateStringWithMonthAndYear(fullDate)}</a>
+             <a href="<@s.url '/nextMonth?target=${target}'/>" id="global-datepicker-next-month" class="waves-effect text-default"><i class="material-icons icon-chevron">chevron_right</i></a>
+             <a href="<@s.url '/today?target=${target}'/>" id="global-datepicker-today" class="waves-effect text-default"><i class="material-icons icon-today">event</i></a>
          </div>
      </div>
     <!-- modal to select specific month and year -->
@@ -37,8 +37,8 @@
     <div class="hidden" id="currentYear">${currentYear?c}</div>
 
     <div class="center-align">
-        <a class="waves-effect text-color global-datepicker-button" id="global-datepicker-previous"><i class="material-icons icon-chevron">chevron_left</i></a>
-        <a class="waves-effect text-color global-datepicker-button" id="global-datepicker-next"><i class="material-icons icon-chevron">chevron_right</i></a>
+        <a class="waves-effect text-default global-datepicker-button" id="global-datepicker-previous"><i class="material-icons icon-chevron">chevron_left</i></a>
+        <a class="waves-effect text-default global-datepicker-button" id="global-datepicker-next"><i class="material-icons icon-chevron">chevron_right</i></a>
     </div>
 
     <#assign years = [] />
diff --git a/src/main/resources/templates/helpers/navbar.ftl b/src/main/resources/templates/helpers/navbar.ftl
index ac00ddde0ba03d47079147e4fd832367d42196df..c337af275bc45e362f1a7c3663956a8b26961a48 100644
--- a/src/main/resources/templates/helpers/navbar.ftl
+++ b/src/main/resources/templates/helpers/navbar.ftl
@@ -72,7 +72,7 @@
                 <input type="hidden" name="searchTags" value="true">
 
                 <div class="input-field">
-                    <input id="search" class="text-color mousetrap" name="searchText" type="search">
+                    <input id="search" class="text-default mousetrap" name="searchText" type="search">
                     <label class="label-icon" for="search"><i class="material-icons">search</i></label>
                     <i id="buttonSearch" class="material-icons">send</i>
                     <i id="buttonClearSearch" class="material-icons">close</i>
@@ -104,7 +104,7 @@
     <#else>
         <div class="account-budget ${greenTextColor}">${currencyService.getCurrencyString(accountBudget)}</div>
     </#if>
-    <div class="account-budget-date text-color">(${locale.getString("account.budget.asof")}: ${dateService.getDateStringNormal(dateService.getCurrentDate())})</div>
+    <div class="account-budget-date text-default">(${locale.getString("account.budget.asof")}: ${dateService.getDateStringNormal(dateService.getCurrentDate())})</div>
 </div>
 </#macro>
 
diff --git a/src/main/resources/templates/indexFunctions.ftl b/src/main/resources/templates/indexFunctions.ftl
index c438cf124a6eb308cc67b4af1eb55e61ad700b7f..ddd997c4654e2ab64c4d8cea2c8d63cfda65142f 100644
--- a/src/main/resources/templates/indexFunctions.ftl
+++ b/src/main/resources/templates/indexFunctions.ftl
@@ -35,12 +35,12 @@
     <div class="row" id="firstUseBanner">
         <div class="col s12 center-align">
             <div class="home-firstUseBanner-wrapper">
-                <div class="home-firstUseBanner text-color">
-                    <a href="<@s.url "/firstUse"/>" class="text-color">
+                <div class="home-firstUseBanner text-default">
+                    <a href="<@s.url "/firstUse"/>" class="text-default">
                         <i class="fas fa-graduation-cap home-firstUseBanner-item"></i>
                         <span class="home-firstUseBanner-item">${locale.getString("home.first.use.teaser")}</span>
                     </a>
-                    <a href="<@s.url "/settings/hideFirstUseBanner"/>" class="text-color home-firstUseBanner-item home-firstUseBanner-clear">
+                    <a href="<@s.url "/settings/hideFirstUseBanner"/>" class="text-default home-firstUseBanner-item home-firstUseBanner-clear">
                         <i class="material-icons">clear</i>
                     </a>
                 </div>
diff --git a/src/main/resources/templates/reports/reports.ftl b/src/main/resources/templates/reports/reports.ftl
index 60259de57a466e84680edb08f9780740eb0f288f..3efb88fe0882abd86c48f0cd78c330e2dd71e410 100644
--- a/src/main/resources/templates/reports/reports.ftl
+++ b/src/main/resources/templates/reports/reports.ftl
@@ -37,7 +37,7 @@
                         <#-- settings -->
                         <div class="row">
                             <div class="col s12 center-align">
-                                <div class="headline-small text-color">${locale.getString("report.settings")}</div>
+                                <div class="headline-small text-default">${locale.getString("report.settings")}</div>
                             </div>
                         </div>
                         <div class="row">
@@ -45,19 +45,19 @@
                                 <div class="report-checkbox-container">
                                     <label>
                                         <input type="checkbox" name="includeBudget" <#if reportSettings.includeBudget>checked="checked"</#if>>
-                                        <span class="columnName-checkbox-label text-color">${locale.getString('report.checkbox.include.budget')}</span>
+                                        <span class="columnName-checkbox-label text-default">${locale.getString('report.checkbox.include.budget')}</span>
                                     </label>
                                 </div>
                                 <div class="report-checkbox-container">
                                     <label>
                                         <input type="checkbox" name="splitTables" <#if reportSettings.splitTables>checked="checked"</#if>>
-                                        <span class="columnName-checkbox-label text-color">${locale.getString('report.checkbox.split.tables')}</span>
+                                        <span class="columnName-checkbox-label text-default">${locale.getString('report.checkbox.split.tables')}</span>
                                     </label>
                                 </div>
                                 <div class="report-checkbox-container">
                                     <label>
                                         <input type="checkbox" name="includeCategoryBudgets" <#if reportSettings.includeCategoryBudgets>checked="checked"</#if>/>
-                                        <span class="columnName-checkbox-label text-color">${locale.getString('report.checkbox.inclue.categorybudgets')}</span>
+                                        <span class="columnName-checkbox-label text-default">${locale.getString('report.checkbox.inclue.categorybudgets')}</span>
                                     </label>
                                 </div>
                             </div>
@@ -67,7 +67,7 @@
                         <#-- columns -->
                         <div class="row no-margin">
                             <div class="col s12 center-align">
-                                <div class="headline-small text-color">${locale.getString("report.columns")}</div>
+                                <div class="headline-small text-default">${locale.getString("report.columns")}</div>
                                 <table class="no-border-table table-advice">
                                     <tr>
                                         <td><i class="material-icons">info_outline</i></td>
diff --git a/src/main/resources/templates/search/searchMacros.ftl b/src/main/resources/templates/search/searchMacros.ftl
index 3cae21ef218f231e2170a44a818108282f55afc1..3ef8e7f55ec77f4cd270a7c1550ade67599be987 100644
--- a/src/main/resources/templates/search/searchMacros.ftl
+++ b/src/main/resources/templates/search/searchMacros.ftl
@@ -30,7 +30,7 @@
             <div class="search-checkbox-container">
                 <label>
                     <input type="checkbox" name="searchName" <#if search.isSearchName()>checked="checked"</#if>>
-                    <span class="text-color">${locale.getString('search.in.name')}</span>
+                    <span class="text-default">${locale.getString('search.in.name')}</span>
                 </label>
             </div>
         </div>
@@ -38,7 +38,7 @@
             <div class="search-checkbox-container">
                 <label>
                     <input type="checkbox" name="searchDescription" <#if search.isSearchDescription()>checked="checked"</#if>>
-                    <span class="text-color">${locale.getString('search.in.description')}</span>
+                    <span class="text-default">${locale.getString('search.in.description')}</span>
                 </label>
             </div>
         </div>
@@ -46,7 +46,7 @@
             <div class="search-checkbox-container">
                 <label>
                     <input type="checkbox" name="searchCategory" <#if search.isSearchCategory()>checked="checked"</#if>>
-                    <span class="text-color">${locale.getString('search.in.category')}</span>
+                    <span class="text-default">${locale.getString('search.in.category')}</span>
                 </label>
             </div>
         </div>
@@ -54,7 +54,7 @@
             <div class="search-checkbox-container">
                 <label>
                     <input type="checkbox" name="searchTags" <#if search.isSearchTags()>checked="checked"</#if>>
-                    <span class="text-color">${locale.getString('search.in.tags')}</span>
+                    <span class="text-default">${locale.getString('search.in.tags')}</span>
                 </label>
             </div>
         </div>
@@ -66,11 +66,11 @@
         <div class="col s12 center-align">
             <#if page.getTotalPages() gt 0>
                 <ul class="pagination">
-                    <li class="text-color <#if page.getNumber() == 0>disabled</#if>"><a class="page-link" data-page="${page.getNumber()-1}"><i class="material-icons">chevron_left</i></a></li>
+                    <li class="text-default <#if page.getNumber() == 0>disabled</#if>"><a class="page-link" data-page="${page.getNumber()-1}"><i class="material-icons">chevron_left</i></a></li>
                         <#list 0..page.getTotalPages()-1 as i>
-                            <li class="waves-effect text-color <#if page.getNumber() == i>active</#if>"><a class="page-link" data-page="${i}">${i+1}</a></li>
+                            <li class="waves-effect text-default <#if page.getNumber() == i>active</#if>"><a class="page-link" data-page="${i}">${i+1}</a></li>
                         </#list>
-                    <li class="text-color <#if page.getNumber() == page.getTotalPages()-1>disabled</#if>"><a class="page-link" data-page="${page.getNumber()+1}"><i class="material-icons">chevron_right</i></a></li>
+                    <li class="text-default <#if page.getNumber() == page.getTotalPages()-1>disabled</#if>"><a class="page-link" data-page="${page.getNumber()+1}"><i class="material-icons">chevron_right</i></a></li>
                 </ul>
             </#if>
         </div>
diff --git a/src/main/resources/templates/settings/settings.ftl b/src/main/resources/templates/settings/settings.ftl
index f562fbe3dfcb0c25fa60116fc98ea72c28b4cdfc..459bd23aae6a556200a9e253de21dd2e6d7e2f09 100644
--- a/src/main/resources/templates/settings/settings.ftl
+++ b/src/main/resources/templates/settings/settings.ftl
@@ -115,10 +115,10 @@
                                     <div class="table-cell table-cell-spacer"></div>
                                     <div class="table-cell">
                                         <div class="switch-cell-margin">
-                                            <a class="btn btn-flat tooltipped text-color" data-position="bottom" data-tooltip="${locale.getString("settings.backupReminder.description")}"><i class="material-icons">help_outline</i></a>
+                                            <a class="btn btn-flat tooltipped text-default" data-position="bottom" data-tooltip="${locale.getString("settings.backupReminder.description")}"><i class="material-icons">help_outline</i></a>
                                         </div>
                                         <div class="switch-cell-margin">
-                                            <a class="btn btn-flat tooltipped text-color" data-position="bottom" data-tooltip="${locale.getString("settings.backup.auto.description")}"><i class="material-icons">help_outline</i></a>
+                                            <a class="btn btn-flat tooltipped text-default" data-position="bottom" data-tooltip="${locale.getString("settings.backup.auto.description")}"><i class="material-icons">help_outline</i></a>
                                         </div>
                                     </div>
                                 </div>
diff --git a/src/main/resources/templates/settings/settingsMacros.ftl b/src/main/resources/templates/settings/settingsMacros.ftl
index 43cbb56a31639a378e19fd9b9fe57dd46bb22fef..5a8255fd4c62c35ce4d098fb88f20cff1e82baa3 100644
--- a/src/main/resources/templates/settings/settingsMacros.ftl
+++ b/src/main/resources/templates/settings/settingsMacros.ftl
@@ -18,13 +18,13 @@
                 <div class="table-cell table-cell-spacer"></div>
                 <div class="table-cell">
                     <div class="switch-cell-margin">
-                        <a class="btn btn-flat tooltipped text-color" data-position="bottom" data-tooltip="${locale.getString("settings.rest.description")}"><i class="material-icons">help_outline</i></a>
+                        <a class="btn btn-flat tooltipped text-default" data-position="bottom" data-tooltip="${locale.getString("settings.rest.description")}"><i class="material-icons">help_outline</i></a>
                     </div>
                     <div class="switch-cell-margin">
-                        <a class="btn btn-flat tooltipped text-color" data-position="bottom" data-tooltip="${locale.getString("settings.darkTheme.description")}"><i class="material-icons">help_outline</i></a>
+                        <a class="btn btn-flat tooltipped text-default" data-position="bottom" data-tooltip="${locale.getString("settings.darkTheme.description")}"><i class="material-icons">help_outline</i></a>
                     </div>
                     <div class="switch-cell-margin">
-                        <a class="btn btn-flat tooltipped text-color" data-position="bottom" data-tooltip="${locale.getString("settings.updates.automatic.description")}"><i class="material-icons">help_outline</i></a>
+                        <a class="btn btn-flat tooltipped text-default" data-position="bottom" data-tooltip="${locale.getString("settings.updates.automatic.description")}"><i class="material-icons">help_outline</i></a>
                     </div>
                 </div>
             </div>
@@ -269,7 +269,7 @@
         </div>
 
         <div class="col s6 m6 l4 right-align">
-            <a target="_blank" href="${locale.getString("settings.backup.auto.strategy.git.remote.help.url")}" class="waves-effect waves-light btn btn-flat text-color"><i class="material-icons left">help_outline</i>${locale.getString("settings.backup.auto.strategy.git.remote.help")}</a>
+            <a target="_blank" href="${locale.getString("settings.backup.auto.strategy.git.remote.help.url")}" class="waves-effect waves-light btn btn-flat text-default"><i class="material-icons left">help_outline</i>${locale.getString("settings.backup.auto.strategy.git.remote.help")}</a>
         </div>
     </div>
 </#macro>
\ No newline at end of file
diff --git a/src/main/resources/templates/templates/createFromTransactionModal.ftl b/src/main/resources/templates/templates/createFromTransactionModal.ftl
index da4a5c464359e8494ac7dd405af15233017b26c1..c1931c7aca7c2cd1b20b866bf496fed11b854dbe 100644
--- a/src/main/resources/templates/templates/createFromTransactionModal.ftl
+++ b/src/main/resources/templates/templates/createFromTransactionModal.ftl
@@ -13,13 +13,13 @@
             <div class="col s12">
                 <label>
                     <input id="include-category" type="checkbox" checked="checked">
-                    <span class="columnName-checkbox-label text-color">${locale.getString('template.checkbox.include.category')}</span>
+                    <span class="columnName-checkbox-label text-default">${locale.getString('template.checkbox.include.category')}</span>
                 </label>
             </div>
             <div class="col s12">
                 <label>
                     <input id="include-account" type="checkbox">
-                    <span class="columnName-checkbox-label text-color">${locale.getString('template.checkbox.include.account')}</span>
+                    <span class="columnName-checkbox-label text-default">${locale.getString('template.checkbox.include.account')}</span>
                 </label>
             </div>
         </div>
diff --git a/src/main/resources/templates/templates/templateFunctions.ftl b/src/main/resources/templates/templates/templateFunctions.ftl
index 39db17d2c217171958291c18e796afb7b09675c8..0f31ec3f55cec75453b341e57e090e04b36d614c 100644
--- a/src/main/resources/templates/templates/templateFunctions.ftl
+++ b/src/main/resources/templates/templates/templateFunctions.ftl
@@ -24,14 +24,14 @@
                             <div class="collapsible-header bold">
                                 <@templateHeader template/>
                                 <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}/edit'/>" class="btn-flat no-padding text-default"><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-default"><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 background-blue button-select-template"><i class="material-icons left no-margin">note_add</i></a>
                                 </div>
                             </div>
                             <div class="collapsible-body">
                                 <div class="row no-margin-bottom">
-                                    <table class="table-template-content text-color">
+                                    <table class="table-template-content text-default">
                                         <@templateName template/>
                                         <@templateAmount template/>
                                         <@templateCategory template/>
@@ -141,7 +141,7 @@
         <div class="input-field col s12 m12 l8 offset-l2">
             <label>
                 <input id="${id}" name="${name}" type="checkbox" <#if checked>checked</#if>>
-                <span class="columnName-checkbox-label text-color">${label}</span>
+                <span class="columnName-checkbox-label text-default">${label}</span>
             </label>
         </div>
     </div>
diff --git a/src/main/resources/templates/transactions/transactionsMacros.ftl b/src/main/resources/templates/transactions/transactionsMacros.ftl
index d617fd1f28105d1766100e9eb0ff56bd3525a111..f396f53190136b4669c97e33666bf2eac1db995a 100644
--- a/src/main/resources/templates/transactions/transactionsMacros.ftl
+++ b/src/main/resources/templates/transactions/transactionsMacros.ftl
@@ -55,8 +55,8 @@
 <#macro transactionButtons transaction>
         <div class="col s8 l2 xl1 right-align transaction-buttons no-wrap">
             <#if (transaction.category.type.name() != "REST") && !transaction.getAccount().isReadOnly()>
-                <a href="<@s.url '/transactions/${transaction.ID?c}/edit'/>" class="btn-flat no-padding text-color"><i class="material-icons left">edit</i></a>
-                <a href="<@s.url '/transactions/${transaction.ID?c}/requestDelete'/>" class="btn-flat no-padding text-color"><i class="material-icons left no-margin">delete</i></a>
+                <a href="<@s.url '/transactions/${transaction.ID?c}/edit'/>" class="btn-flat no-padding text-default"><i class="material-icons left">edit</i></a>
+                <a href="<@s.url '/transactions/${transaction.ID?c}/requestDelete'/>" class="btn-flat no-padding text-default"><i class="material-icons left no-margin">delete</i></a>
             </#if>
         </div>
 </#macro>
@@ -69,8 +69,8 @@
 
 <#macro transactionLinks transaction>
     <div class="col s4 l2 xl1 right-align transaction-buttons no-wrap">
-        <a href="<@s.url '/transactions/${transaction.ID?c}/highlight'/>" class="btn-flat no-padding text-color buttonHighlight"><i class="material-icons left">open_in_new</i></a>
-        <a href="<@s.url '/transactions/${transaction.ID?c}/edit'/>" class="btn-flat no-padding text-color"><i class="material-icons left no-margin">edit</i></a>
+        <a href="<@s.url '/transactions/${transaction.ID?c}/highlight'/>" class="btn-flat no-padding text-default buttonHighlight"><i class="material-icons left">open_in_new</i></a>
+        <a href="<@s.url '/transactions/${transaction.ID?c}/edit'/>" class="btn-flat no-padding text-default"><i class="material-icons left no-margin">edit</i></a>
     </div>
 </#macro>
 
diff --git a/src/test/java/de/deadlocker8/budgetmaster/integration/selenium/NewTransactionFromTemplateTest.java b/src/test/java/de/deadlocker8/budgetmaster/integration/selenium/NewTransactionFromTemplateTest.java
index 0a3f971905b66d619dd8daa25f3ee53c349d975d..c26a1dc96d26d0df0321290dfb7d727ecc6502fd 100644
--- a/src/test/java/de/deadlocker8/budgetmaster/integration/selenium/NewTransactionFromTemplateTest.java
+++ b/src/test/java/de/deadlocker8/budgetmaster/integration/selenium/NewTransactionFromTemplateTest.java
@@ -92,7 +92,7 @@ public class NewTransactionFromTemplateTest
 		WebDriverWait wait = new WebDriverWait(driver, 5);
 		wait.until(ExpectedConditions.textToBePresentInElementLocated(By.cssSelector(".headline"), "Templates"));
 
-		driver.findElements(By.cssSelector(".template-item .btn-flat no-padding text-color"));
+		driver.findElements(By.cssSelector(".template-item .btn-flat no-padding text-default"));
 		driver.findElement(By.xpath("//li[contains(@class, 'template-item')]//a[contains(@href, '/templates/2/select')]")).click();
 
 		wait = new WebDriverWait(driver, 5);
@@ -120,7 +120,7 @@ public class NewTransactionFromTemplateTest
 		WebDriverWait wait = new WebDriverWait(driver, 5);
 		wait.until(ExpectedConditions.textToBePresentInElementLocated(By.cssSelector(".headline"), "Templates"));
 
-		driver.findElements(By.cssSelector(".template-item .btn-flat no-padding text-color"));
+		driver.findElements(By.cssSelector(".template-item .btn-flat no-padding text-default"));
 		driver.findElement(By.xpath("//li[contains(@class, 'template-item')]//a[contains(@href, '/templates/1/select')]")).click();
 
 		wait = new WebDriverWait(driver, 5);