diff --git a/calendar/templates/default/app.css b/calendar/templates/default/app.css
index 0ceb833a96..2257a15a27 100644
--- a/calendar/templates/default/app.css
+++ b/calendar/templates/default/app.css
@@ -459,8 +459,7 @@ Hide subsequent headers in week view with non-consolidated owners
 	border-bottom: 1px solid silver;
 	white-space: nowrap;
 	overflow: hidden;
-	color: white;
-	background: #2D6393;
+	background-color: white;
 }
 .hideDayColHeader .calendar_calDayColHeader > div[data-date] {
 	position:fixed;
@@ -468,8 +467,8 @@ Hide subsequent headers in week view with non-consolidated owners
 	z-index: 100;
 }
 .blue_title {
-    color: white;
-    background: #2D6393;
+    color: white !important;
+    background: #2D6393 !important;
 }
 
 /* Seperate long and short day names */
diff --git a/calendar/templates/mobile/app.css b/calendar/templates/mobile/app.css
index 60cf393515..9bcd036588 100644
--- a/calendar/templates/mobile/app.css
+++ b/calendar/templates/mobile/app.css
@@ -472,8 +472,7 @@ Hide subsequent headers in week view with non-consolidated owners
   border-bottom: 1px solid silver;
   white-space: nowrap;
   overflow: hidden;
-  color: white;
-  background: #2D6393;
+  background-color: white;
 }
 .hideDayColHeader .calendar_calDayColHeader > div[data-date] {
   position: fixed;
@@ -481,8 +480,8 @@ Hide subsequent headers in week view with non-consolidated owners
   z-index: 100;
 }
 .blue_title {
-  color: white;
-  background: #2D6393;
+  color: white !important;
+  background: #2D6393 !important;
 }
 /* Seperate long and short day names */
 .calendar_calDayColHeader > div[data-date] .short_date,
@@ -1576,8 +1575,8 @@ img.sideboxstar:active {
   -webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
   -moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
   box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
-  background-color: #1aa200;
-  background-color: #1aa200 !important;
+  background-color: #b3e4a6;
+  background-color: #b3e4a6 !important;
 }
 .chzn-container {
   max-width: 85% !important;
@@ -2320,8 +2319,8 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
   -webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
   -moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
   box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
-  background-color: #1aa200;
-  background-color: #189800 !important;
+  background-color: #b3e4a6;
+  background-color: #ace29e !important;
 }
 .calendar_calDayTodosHeader {
   text-align: center;
@@ -2476,21 +2475,17 @@ button#series img[url*="svg"] {
   fill: red;
 }
 button#series:hover {
-  background-color: #189800;
   color: #000000;
   -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
   -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
   box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
 }
-button#series:active {
-  background-color: #1aa200;
-}
 button#series:hover {
   background-image: url('../images/edit.png') !important;
-  background-color: #1aa200 !important;
+  background-color: #b3e4a6 !important;
 }
 button#series:active {
-  background-color: #1aa200 !important;
+  background-color: #b3e4a6 !important;
 }
 /*edit exception*/
 button#exception {
@@ -2533,21 +2528,17 @@ button#exception img[url*="svg"] {
   fill: red;
 }
 button#exception:hover {
-  background-color: #189800;
   color: #000000;
   -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
   -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
   box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
 }
-button#exception:active {
-  background-color: #1aa200;
-}
 button#exception:hover {
   background-image: url('../images/edit.png') !important;
-  background-color: #1aa200 !important;
+  background-color: #b3e4a6 !important;
 }
 button#exception:active {
-  background-color: #1aa200 !important;
+  background-color: #b3e4a6 !important;
 }
 /*calendar series add*/
 #calendar-edit_add {
@@ -2556,15 +2547,15 @@ button#exception:active {
   background-position: center;
 }
 #calendar-edit_add:active {
-  background-color: #1aa200 !important;
+  background-color: #b3e4a6 !important;
 }
 /*calendar search freetime*/
 #calendar-edit_freetime:active {
-  background-color: #1aa200 !important;
+  background-color: #b3e4a6 !important;
 }
 /*calendar search freetime*/
 button[id*="edit_button[add_alarm]"]:active {
-  background-color: #1aa200 !important;
+  background-color: #b3e4a6 !important;
 }
 /*SIDEMENU                   */
 /*extended for calender app*/
diff --git a/calendar/templates/pixelegg/app.css b/calendar/templates/pixelegg/app.css
index efe4c67627..cf4e973ab5 100755
--- a/calendar/templates/pixelegg/app.css
+++ b/calendar/templates/pixelegg/app.css
@@ -248,8 +248,10 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
 /* marks a day in the colum-header as today
  */
 .calendar_calToday,
+.calendar_calTimeGrid .calendar_calDayColHeader .calendar_calToday,
 .calendar_calTimeGrid .calendar_calDayColHeader .calendar_calToday.et2_link.et2_clickable {
   background: #ffffcc;
+  color: #0C5DA5;
 }
 .calendar_calWeek {
   background: #ffffcc;
@@ -458,16 +460,16 @@ Hide subsequent headers in week view with non-consolidated owners
   border-bottom: 1px solid silver;
   white-space: nowrap;
   overflow: hidden;
+  background-color: white;
 }
 .hideDayColHeader .calendar_calDayColHeader > div[data-date] {
   position: fixed;
-  background: white;
   width: inherit;
   z-index: 100;
 }
 .blue_title {
-    color: white;
-    background: #2D6393;
+  color: white !important;
+  background: #2D6393 !important;
 }
 /* Seperate long and short day names */
 .calendar_calDayColHeader > div[data-date] .short_date,
@@ -1561,8 +1563,8 @@ img.sideboxstar:active {
   -webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
   -moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
   box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
-  background-color: #1aa200;
-  background-color: #1aa200 !important;
+  background-color: #b3e4a6;
+  background-color: #b3e4a6 !important;
 }
 .chzn-container {
   max-width: 85% !important;
@@ -2018,10 +2020,8 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
 /* marks a day in the colum-header as today
 */
 .calendar_calToday,
-.calendar_calTimeGrid .calendar_calDayColHeader .calendar_calToday,
 .calendar_calTimeGrid .calendar_calDayColHeader .calendar_calToday.et2_link.et2_clickable {
   background-color: #FFDD73;
-  color: #0C5DA5;
 }
 .calendar_calWeek {
   background-color: #FFFFFF;
@@ -2307,8 +2307,8 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
   -webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
   -moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
   box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
-  background-color: #1aa200;
-  background-color: #189800 !important;
+  background-color: #b3e4a6;
+  background-color: #ace29e !important;
 }
 .calendar_calDayTodosHeader {
   text-align: center;
@@ -2463,21 +2463,17 @@ button#series img[url*="svg"] {
   fill: red;
 }
 button#series:hover {
-  background-color: #189800;
   color: #000000;
   -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
   -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
   box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
 }
-button#series:active {
-  background-color: #1aa200;
-}
 button#series:hover {
   background-image: url('../images/edit.png') !important;
-  background-color: #1aa200 !important;
+  background-color: #b3e4a6 !important;
 }
 button#series:active {
-  background-color: #1aa200 !important;
+  background-color: #b3e4a6 !important;
 }
 /*edit exception*/
 button#exception {
@@ -2520,21 +2516,17 @@ button#exception img[url*="svg"] {
   fill: red;
 }
 button#exception:hover {
-  background-color: #189800;
   color: #000000;
   -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
   -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
   box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
 }
-button#exception:active {
-  background-color: #1aa200;
-}
 button#exception:hover {
   background-image: url('../images/edit.png') !important;
-  background-color: #1aa200 !important;
+  background-color: #b3e4a6 !important;
 }
 button#exception:active {
-  background-color: #1aa200 !important;
+  background-color: #b3e4a6 !important;
 }
 /*calendar series add*/
 #calendar-edit_add {
@@ -2543,15 +2535,15 @@ button#exception:active {
   background-position: center;
 }
 #calendar-edit_add:active {
-  background-color: #1aa200 !important;
+  background-color: #b3e4a6 !important;
 }
 /*calendar search freetime*/
 #calendar-edit_freetime:active {
-  background-color: #1aa200 !important;
+  background-color: #b3e4a6 !important;
 }
 /*calendar search freetime*/
 button[id*="edit_button[add_alarm]"]:active {
-  background-color: #1aa200 !important;
+  background-color: #b3e4a6 !important;
 }
 /*SIDEMENU                   */
 /*extended for calender app*/