From 08ac18c4dba9e50f4ea11b9cbb0bd368e2a0d25e Mon Sep 17 00:00:00 2001
From: Hadi Nategh <hnategh@gmail.com>
Date: Wed, 3 Apr 2019 11:26:32 +0200
Subject: [PATCH] Apply new style for row selection and hover

---
 admin/templates/pixelegg/app.less        |  2 +-
 calendar/templates/mobile/app.css        |  2 +-
 calendar/templates/pixelegg/app.css      |  2 +-
 mail/templates/mobile/app.css            | 10 ++++----
 mail/templates/pixelegg/app.css          | 10 ++++----
 mail/templates/pixelegg/app.less         | 10 ++++----
 pixelegg/css/mobile.css                  | 31 ++++++++++++------------
 pixelegg/css/monochrome.css              | 31 ++++++++++++------------
 pixelegg/css/pixelegg.css                | 31 ++++++++++++------------
 pixelegg/less/def_colors.less            |  7 ++++--
 pixelegg/less/jquery-ui.less             |  6 ++---
 pixelegg/less/layout_dialog.less         |  4 +--
 pixelegg/less/layout_raster_main.less    |  6 ++---
 pixelegg/less/layout_raster_sidebar.less |  2 +-
 pixelegg/less/layout_table.less          |  5 ++--
 pixelegg/mobile/fw_mobile.css            | 31 ++++++++++++------------
 preferences/templates/mobile/app.css     |  3 +++
 17 files changed, 97 insertions(+), 96 deletions(-)

diff --git a/admin/templates/pixelegg/app.less b/admin/templates/pixelegg/app.less
index f564a81d5b..e4426dda08 100755
--- a/admin/templates/pixelegg/app.less
+++ b/admin/templates/pixelegg/app.less
@@ -24,7 +24,7 @@
     div.dhtmlxTree {
         // selected Item
         td.standartTreeRow {
-            span.selectedTreeRow { background-color: @egw_color_1_e; color: @gray_90;}
+            span.selectedTreeRow { background-color: @color_selected_row; color: @gray_90;}
         }
     }
 	/* #############################################################################
diff --git a/calendar/templates/mobile/app.css b/calendar/templates/mobile/app.css
index 9bcd036588..0a6c22f722 100644
--- a/calendar/templates/mobile/app.css
+++ b/calendar/templates/mobile/app.css
@@ -2634,7 +2634,7 @@ div#calendar-container div.calendar table tbody tr.rowhilite td {
   background-color: #FFDD73;
 }
 #calendar-sidebox_date .ui-datepicker-calendar .ui-state-hover {
-  background-color: rgba(103, 159, 210, 0.2);
+  background-color: rgba(153, 204, 255, 0.4);
 }
 #calendar-sidebox_date .ui-datepicker-header .ui-datepicker-next.ui-state-hover {
   right: 2px;
diff --git a/calendar/templates/pixelegg/app.css b/calendar/templates/pixelegg/app.css
index cf4e973ab5..2a7352db67 100755
--- a/calendar/templates/pixelegg/app.css
+++ b/calendar/templates/pixelegg/app.css
@@ -2622,7 +2622,7 @@ div#calendar-container div.calendar table tbody tr.rowhilite td {
   background-color: #FFDD73;
 }
 #calendar-sidebox_date .ui-datepicker-calendar .ui-state-hover {
-  background-color: rgba(103, 159, 210, 0.2);
+  background-color: rgba(153, 204, 255, 0.4);
 }
 #calendar-sidebox_date .ui-datepicker-header .ui-datepicker-next.ui-state-hover {
   right: 2px;
diff --git a/mail/templates/mobile/app.css b/mail/templates/mobile/app.css
index 48f4503eef..d70999c276 100644
--- a/mail/templates/mobile/app.css
+++ b/mail/templates/mobile/app.css
@@ -1062,12 +1062,12 @@ body {
 }
 .egw_fw_ui_category_content .selectedTreeRow,
 .egw_fw_ui_category_content .selectedTreeRow_lor {
-  background-color: #FFDD73;
+  background-color: rgba(102, 153, 204, 0.7);
   color: #1E1E1E;
   text-decoration: none;
 }
 .egw_fw_ui_category_content .standartTreeRow_lor {
-  background-color: rgba(103, 159, 210, 0.2);
+  background-color: rgba(153, 204, 255, 0.4);
   color: #1E1E1E;
   text-decoration: none;
 }
@@ -1117,7 +1117,7 @@ body {
 #mail-compose #mail-compose_composeToolbar button#composeToolbar-to_tracker:hover,
 #mail-compose #mail-compose_composeToolbar button#composeToolbar-disposition:hover,
 #mail-compose #mail-compose_composeToolbar button#composeToolbar-to_calendar:hover {
-  background-color: #FFDD73;
+  background-color: rgba(153, 204, 255, 0.4);
 }
 #mail-compose table.et2_grid {
   display: inline-block;
@@ -1501,13 +1501,13 @@ div#displayToolbar-menulist img {
 #mail-folder_management .selectedTreeRow,
 #mail-subscribe .selectedTreeRow_lor,
 #mail-folder_management .selectedTreeRow_lor {
-  background-color: #FFDD73;
+  background-color: rgba(102, 153, 204, 0.7);
   color: #1E1E1E;
   text-decoration: none;
 }
 #mail-subscribe .standartTreeRow_lor,
 #mail-folder_management .standartTreeRow_lor {
-  background-color: rgba(103, 159, 210, 0.2);
+  background-color: rgba(153, 204, 255, 0.4);
   color: #1E1E1E;
   text-decoration: none;
 }
diff --git a/mail/templates/pixelegg/app.css b/mail/templates/pixelegg/app.css
index 2371bd4172..4246a01485 100755
--- a/mail/templates/pixelegg/app.css
+++ b/mail/templates/pixelegg/app.css
@@ -1050,12 +1050,12 @@ body {
 }
 .egw_fw_ui_category_content .selectedTreeRow,
 .egw_fw_ui_category_content .selectedTreeRow_lor {
-  background-color: #FFDD73;
+  background-color: rgba(102, 153, 204, 0.7);
   color: #1E1E1E;
   text-decoration: none;
 }
 .egw_fw_ui_category_content .standartTreeRow_lor {
-  background-color: rgba(103, 159, 210, 0.2);
+  background-color: rgba(153, 204, 255, 0.4);
   color: #1E1E1E;
   text-decoration: none;
 }
@@ -1105,7 +1105,7 @@ body {
 #mail-compose #mail-compose_composeToolbar button#composeToolbar-to_tracker:hover,
 #mail-compose #mail-compose_composeToolbar button#composeToolbar-disposition:hover,
 #mail-compose #mail-compose_composeToolbar button#composeToolbar-to_calendar:hover {
-  background-color: #FFDD73;
+  background-color: rgba(153, 204, 255, 0.4);
 }
 #mail-compose table.et2_grid {
   display: inline-block;
@@ -1489,13 +1489,13 @@ div#displayToolbar-menulist img {
 #mail-folder_management .selectedTreeRow,
 #mail-subscribe .selectedTreeRow_lor,
 #mail-folder_management .selectedTreeRow_lor {
-  background-color: #FFDD73;
+  background-color: rgba(102, 153, 204, 0.7);
   color: #1E1E1E;
   text-decoration: none;
 }
 #mail-subscribe .standartTreeRow_lor,
 #mail-folder_management .standartTreeRow_lor {
-  background-color: rgba(103, 159, 210, 0.2);
+  background-color: rgba(153, 204, 255, 0.4);
   color: #1E1E1E;
   text-decoration: none;
 }
diff --git a/mail/templates/pixelegg/app.less b/mail/templates/pixelegg/app.less
index e6546b6805..3b9ea9085b 100755
--- a/mail/templates/pixelegg/app.less
+++ b/mail/templates/pixelegg/app.less
@@ -158,9 +158,9 @@ body {
 	}
 
 	// color - selected tree item
-	.selectedTreeRow, .selectedTreeRow_lor {background-color: @egw_color_1_e; color: @gray_90;text-decoration: none;}
+	.selectedTreeRow, .selectedTreeRow_lor {background-color: @color_selected_row; color: @gray_90;text-decoration: none;}
 
-	.standartTreeRow_lor {background-color: rgba(103, 159, 210, 0.2); color: @gray_90;text-decoration: none;}
+	.standartTreeRow_lor {background-color: @color_hover_row; color: @gray_90;text-decoration: none;}
 } // Ende Sidebox
 
 /* ##################################################################################
@@ -223,7 +223,7 @@ body {
 		button#composeToolbar-to_tracker:hover,
 		button#composeToolbar-disposition:hover,
 		button#composeToolbar-to_calendar:hover {
-			background-color: @egw_color_1_e;;
+			background-color: @color_hover_row;;
 		}
 	} // Toolbar Ende
 
@@ -591,9 +591,9 @@ div#displayToolbar-menulist {
 		}
 	}
 	// color - selected tree item
-	.selectedTreeRow,.selectedTreeRow_lor {background-color: @egw_color_1_e; color: @gray_90;text-decoration: none;}
+	.selectedTreeRow,.selectedTreeRow_lor {background-color: @color_selected_row; color: @gray_90;text-decoration: none;}
 	// color - hover over standard tree item
-	.standartTreeRow_lor {background-color: rgba(103, 159, 210, 0.2); color: @gray_90;text-decoration: none;}
+	.standartTreeRow_lor {background-color: @color_hover_row; color: @gray_90;text-decoration: none;}
 } // #mail-subscribe
 
 .mail_subscription_header, .mail_folder_management_header
diff --git a/pixelegg/css/mobile.css b/pixelegg/css/mobile.css
index 0145130c81..f42f89dc2a 100644
--- a/pixelegg/css/mobile.css
+++ b/pixelegg/css/mobile.css
@@ -370,7 +370,7 @@
     cursor: pointer;
   }
   .et2_link_list tr:hover {
-    background-color: rgba(103, 159, 210, 0.2);
+    background-color: rgba(153, 204, 255, 0.4);
   }
   .et2_link_list tr:active {
     background-color: rgba(255, 194, 0, 0.01);
@@ -1065,13 +1065,13 @@
  * @version $Id$
  */
 #uical_select_resource {
-  background-color: #FFDD73;
+  background-color: rgba(153, 204, 255, 0.4);
 }
 .uiaccountselection .primary_group {
-  background-color: #FFDD73;
+  background-color: rgba(153, 204, 255, 0.4);
 }
 option:checked {
-  background-color: #FFDD73;
+  background-color: rgba(153, 204, 255, 0.4);
 }
 .ui-tooltip {
   padding: 8px;
@@ -3067,7 +3067,7 @@ tr.dialogHeader4 .et2_label {
 .et2_tabflag:hover,
 .etemplate_tab > div:hover,
 .etemplate_tab_active > div:hover {
-  background-color: #f0f0f0;
+  background-color: rgba(153, 204, 255, 0.4);
   border: none;
   border-bottom: 3px solid #696969;
   border-top-left-radius: 5px;
@@ -4224,7 +4224,7 @@ td.message span.message {
 }
 #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header:hover {
   /*.background_color_20_gray ;*/
-  background-color: #FFDD73;
+  background-color: rgba(153, 204, 255, 0.4);
 }
 #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header h1 {
   /*font-size: 100%;*/
@@ -4276,7 +4276,7 @@ td.message span.message {
   /*aktive Objekte*/
 }
 #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header_active:hover {
-  background-color: #bfbfbf;
+  background-color: #ffffff;
 }
 #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header_active img.egw_fw_ui_tab_icon {
   display: inline-block;
@@ -4316,7 +4316,7 @@ td.message span.message {
   position: absolute;
 }
 #egw_fw_main .egw_fw_ui_tab_header_hover {
-  background-color: #FFDD73;
+  background-color: rgba(153, 204, 255, 0.4);
 }
 #egw_fw_main .egw_fw_ui_tab_content {
   width: 100%;
@@ -4756,7 +4756,7 @@ td.message span.message {
 }
 .egw_fw_ui_sidemenu_listitem:hover {
   color: #000000;
-  background-color: #FFDD73;
+  background-color: rgba(153, 204, 255, 0.4);
 }
 .egw_fw_ui_sidemenu_listitem img.egw_fw_ui_sidemenu_listitem_icon {
   /*display: none;*/
@@ -5598,15 +5598,14 @@ table.egwGridView_grid tbody {
   /*multiple choise*/
 }
 table.egwGridView_grid tbody tr:hover {
-  background: rgba(103, 159, 210, 0.2);
+  background: rgba(153, 204, 255, 0.4);
 }
 table.egwGridView_grid tbody tr.th:hover {
   background: transparent;
 }
 table.egwGridView_grid tbody tr.selected {
   background-image: none;
-  /*background-color: @egw_color_1_e !important;*/
-  background-color: rgba(255, 194, 0, 0.5);
+  background-color: rgba(102, 153, 204, 0.7);
 }
 table.egwGridView_grid tbody td {
   border-bottom: 1px solid #E6E6E6;
@@ -5664,19 +5663,19 @@ table.egwGridView_grid > tr > td span.high {
 }
 table.egwGridView_grid > tr > td span.urgent {
   color: red;
-  background-color: #FFDD73;
+  background-color: rgba(153, 204, 255, 0.4);
 }
 table.egwGridView_grid > tr > td span.low {
   color: #373737;
 }
 table.egwGridView_grid tr.subentry {
-  background: rgba(255, 221, 115, 0.2);
+  background: rgba(102, 153, 204, 0.2);
 }
 table.egwGridView_grid tr.subentry:hover {
-  background: #FFDD73 !important;
+  background: rgba(102, 153, 204, 0.7) !important;
 }
 table.egwGridView_grid tr.drop-hover {
-  background: #FFDD73 !important;
+  background: rgba(102, 153, 204, 0.7) !important;
 }
 table.egwGridView_grid span.arrow {
   -moz-user-select: none;
diff --git a/pixelegg/css/monochrome.css b/pixelegg/css/monochrome.css
index 0cda148d76..bd9c433e81 100644
--- a/pixelegg/css/monochrome.css
+++ b/pixelegg/css/monochrome.css
@@ -359,7 +359,7 @@
     cursor: pointer;
   }
   .et2_link_list tr:hover {
-    background-color: rgba(103, 159, 210, 0.2);
+    background-color: rgba(153, 204, 255, 0.4);
   }
   .et2_link_list tr:active {
     background-color: rgba(255, 194, 0, 0.01);
@@ -1054,13 +1054,13 @@
  * @version $Id$
  */
 #uical_select_resource {
-  background-color: #FFDD73;
+  background-color: rgba(153, 204, 255, 0.4);
 }
 .uiaccountselection .primary_group {
-  background-color: #FFDD73;
+  background-color: rgba(153, 204, 255, 0.4);
 }
 option:checked {
-  background-color: #FFDD73;
+  background-color: rgba(153, 204, 255, 0.4);
 }
 .ui-tooltip {
   padding: 8px;
@@ -3056,7 +3056,7 @@ tr.dialogHeader4 .et2_label {
 .et2_tabflag:hover,
 .etemplate_tab > div:hover,
 .etemplate_tab_active > div:hover {
-  background-color: #f0f0f0;
+  background-color: rgba(153, 204, 255, 0.4);
   border: none;
   border-bottom: 3px solid #696969;
   border-top-left-radius: 5px;
@@ -4213,7 +4213,7 @@ td.message span.message {
 }
 #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header:hover {
   /*.background_color_20_gray ;*/
-  background-color: #FFDD73;
+  background-color: rgba(153, 204, 255, 0.4);
 }
 #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header h1 {
   /*font-size: 100%;*/
@@ -4265,7 +4265,7 @@ td.message span.message {
   /*aktive Objekte*/
 }
 #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header_active:hover {
-  background-color: #bfbfbf;
+  background-color: #ffffff;
 }
 #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header_active img.egw_fw_ui_tab_icon {
   display: inline-block;
@@ -4305,7 +4305,7 @@ td.message span.message {
   position: absolute;
 }
 #egw_fw_main .egw_fw_ui_tab_header_hover {
-  background-color: #FFDD73;
+  background-color: rgba(153, 204, 255, 0.4);
 }
 #egw_fw_main .egw_fw_ui_tab_content {
   width: 100%;
@@ -4745,7 +4745,7 @@ td.message span.message {
 }
 .egw_fw_ui_sidemenu_listitem:hover {
   color: #000000;
-  background-color: #FFDD73;
+  background-color: rgba(153, 204, 255, 0.4);
 }
 .egw_fw_ui_sidemenu_listitem img.egw_fw_ui_sidemenu_listitem_icon {
   /*display: none;*/
@@ -5587,15 +5587,14 @@ table.egwGridView_grid tbody {
   /*multiple choise*/
 }
 table.egwGridView_grid tbody tr:hover {
-  background: rgba(103, 159, 210, 0.2);
+  background: rgba(153, 204, 255, 0.4);
 }
 table.egwGridView_grid tbody tr.th:hover {
   background: transparent;
 }
 table.egwGridView_grid tbody tr.selected {
   background-image: none;
-  /*background-color: @egw_color_1_e !important;*/
-  background-color: rgba(255, 194, 0, 0.5);
+  background-color: rgba(102, 153, 204, 0.7);
 }
 table.egwGridView_grid tbody td {
   border-bottom: 1px solid #E6E6E6;
@@ -5653,19 +5652,19 @@ table.egwGridView_grid > tr > td span.high {
 }
 table.egwGridView_grid > tr > td span.urgent {
   color: red;
-  background-color: #FFDD73;
+  background-color: rgba(153, 204, 255, 0.4);
 }
 table.egwGridView_grid > tr > td span.low {
   color: #373737;
 }
 table.egwGridView_grid tr.subentry {
-  background: rgba(255, 221, 115, 0.2);
+  background: rgba(102, 153, 204, 0.2);
 }
 table.egwGridView_grid tr.subentry:hover {
-  background: #FFDD73 !important;
+  background: rgba(102, 153, 204, 0.7) !important;
 }
 table.egwGridView_grid tr.drop-hover {
-  background: #FFDD73 !important;
+  background: rgba(102, 153, 204, 0.7) !important;
 }
 table.egwGridView_grid span.arrow {
   -moz-user-select: none;
diff --git a/pixelegg/css/pixelegg.css b/pixelegg/css/pixelegg.css
index b3b20e1492..317efa6ff4 100644
--- a/pixelegg/css/pixelegg.css
+++ b/pixelegg/css/pixelegg.css
@@ -370,7 +370,7 @@
     cursor: pointer;
   }
   .et2_link_list tr:hover {
-    background-color: rgba(103, 159, 210, 0.2);
+    background-color: rgba(153, 204, 255, 0.4);
   }
   .et2_link_list tr:active {
     background-color: rgba(255, 194, 0, 0.01);
@@ -1065,13 +1065,13 @@
  * @version $Id$
  */
 #uical_select_resource {
-  background-color: #FFDD73;
+  background-color: rgba(153, 204, 255, 0.4);
 }
 .uiaccountselection .primary_group {
-  background-color: #FFDD73;
+  background-color: rgba(153, 204, 255, 0.4);
 }
 option:checked {
-  background-color: #FFDD73;
+  background-color: rgba(153, 204, 255, 0.4);
 }
 .ui-tooltip {
   padding: 8px;
@@ -3067,7 +3067,7 @@ tr.dialogHeader4 .et2_label {
 .et2_tabflag:hover,
 .etemplate_tab > div:hover,
 .etemplate_tab_active > div:hover {
-  background-color: #f0f0f0;
+  background-color: rgba(153, 204, 255, 0.4);
   border: none;
   border-bottom: 3px solid #696969;
   border-top-left-radius: 5px;
@@ -4224,7 +4224,7 @@ td.message span.message {
 }
 #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header:hover {
   /*.background_color_20_gray ;*/
-  background-color: #FFDD73;
+  background-color: rgba(153, 204, 255, 0.4);
 }
 #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header h1 {
   /*font-size: 100%;*/
@@ -4276,7 +4276,7 @@ td.message span.message {
   /*aktive Objekte*/
 }
 #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header_active:hover {
-  background-color: #bfbfbf;
+  background-color: #ffffff;
 }
 #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header_active img.egw_fw_ui_tab_icon {
   display: inline-block;
@@ -4316,7 +4316,7 @@ td.message span.message {
   position: absolute;
 }
 #egw_fw_main .egw_fw_ui_tab_header_hover {
-  background-color: #FFDD73;
+  background-color: rgba(153, 204, 255, 0.4);
 }
 #egw_fw_main .egw_fw_ui_tab_content {
   width: 100%;
@@ -4756,7 +4756,7 @@ td.message span.message {
 }
 .egw_fw_ui_sidemenu_listitem:hover {
   color: #000000;
-  background-color: #FFDD73;
+  background-color: rgba(153, 204, 255, 0.4);
 }
 .egw_fw_ui_sidemenu_listitem img.egw_fw_ui_sidemenu_listitem_icon {
   /*display: none;*/
@@ -5598,15 +5598,14 @@ table.egwGridView_grid tbody {
   /*multiple choise*/
 }
 table.egwGridView_grid tbody tr:hover {
-  background: rgba(103, 159, 210, 0.2);
+  background: rgba(153, 204, 255, 0.4);
 }
 table.egwGridView_grid tbody tr.th:hover {
   background: transparent;
 }
 table.egwGridView_grid tbody tr.selected {
   background-image: none;
-  /*background-color: @egw_color_1_e !important;*/
-  background-color: rgba(255, 194, 0, 0.5);
+  background-color: rgba(102, 153, 204, 0.7);
 }
 table.egwGridView_grid tbody td {
   border-bottom: 1px solid #E6E6E6;
@@ -5664,19 +5663,19 @@ table.egwGridView_grid > tr > td span.high {
 }
 table.egwGridView_grid > tr > td span.urgent {
   color: red;
-  background-color: #FFDD73;
+  background-color: rgba(153, 204, 255, 0.4);
 }
 table.egwGridView_grid > tr > td span.low {
   color: #373737;
 }
 table.egwGridView_grid tr.subentry {
-  background: rgba(255, 221, 115, 0.2);
+  background: rgba(102, 153, 204, 0.2);
 }
 table.egwGridView_grid tr.subentry:hover {
-  background: #FFDD73 !important;
+  background: rgba(102, 153, 204, 0.7) !important;
 }
 table.egwGridView_grid tr.drop-hover {
-  background: #FFDD73 !important;
+  background: rgba(102, 153, 204, 0.7) !important;
 }
 table.egwGridView_grid span.arrow {
   -moz-user-select: none;
diff --git a/pixelegg/less/def_colors.less b/pixelegg/less/def_colors.less
index 2e076e1e6b..5eea0f670d 100644
--- a/pixelegg/less/def_colors.less
+++ b/pixelegg/less/def_colors.less
@@ -17,6 +17,9 @@
  // Basic colour
 // CI EGW
 
+@egw_color_select: #6699CC;
+@egw_color_hover: #99CCFF;
+
 // Orange
 @egw_color_1 : rgb(255, 194, 0); // #ffc200
 
@@ -149,10 +152,10 @@
 @color_active_row : fade(@egw_color_1_a, 1%);
 
 // not in use
-@color_selected_row : @egw_color_1_e;
+@color_selected_row : fade(@egw_color_select,70%);
 
 // Mouse over
-@color_hover_row : fade(@egw_color_2_e, 20%);
+@color_hover_row : fade(@egw_color_hover, 40%);
 
 
 /* Dialog Button panel Background Color*/
diff --git a/pixelegg/less/jquery-ui.less b/pixelegg/less/jquery-ui.less
index cb2e13fa59..31b468fe31 100755
--- a/pixelegg/less/jquery-ui.less
+++ b/pixelegg/less/jquery-ui.less
@@ -17,10 +17,10 @@
 
 // calender
 
-#uical_select_resource {background-color: @egw_color_1_e;}
-.uiaccountselection .primary_group {background-color: @egw_color_1_e;}
+#uical_select_resource {background-color: @color_hover_row;}
+.uiaccountselection .primary_group {background-color: @color_hover_row;}
 
-option:checked {background-color: @egw_color_1_e;}
+option:checked {background-color: @color_hover_row;}
 
 .ui-tooltip {
 	padding: 8px;
diff --git a/pixelegg/less/layout_dialog.less b/pixelegg/less/layout_dialog.less
index c95c751047..da9af0c2bd 100755
--- a/pixelegg/less/layout_dialog.less
+++ b/pixelegg/less/layout_dialog.less
@@ -58,7 +58,7 @@ form.et2_container {
                             .et2_box_widget {
 
                                 select, input{
-                                   
+
                                 }
 
 							    input {
@@ -252,7 +252,7 @@ tr.dialogHeader4{
 	border-bottom:3px solid @gray_10;
 	margin-bottom:-3px;
    &:hover {
-        .background_color_10_gray;
+        background-color: @color_hover_row;
 		border:none;
 		border-bottom: 3px solid @gray_60;
 		border-top-left-radius: 5px;
diff --git a/pixelegg/less/layout_raster_main.less b/pixelegg/less/layout_raster_main.less
index 0dd800d6ea..a206b1d5f6 100644
--- a/pixelegg/less/layout_raster_main.less
+++ b/pixelegg/less/layout_raster_main.less
@@ -126,7 +126,7 @@
 
                 &:hover {
                     /*.background_color_20_gray ;*/
-                    background-color: @egw_color_1_e;
+                    background-color: @color_hover_row;
                  }
 
                 // APP Name
@@ -170,7 +170,7 @@
                 .background_color_0_gray ;
                 background-image:none !important;
 				padding-bottom:8px;
-                &:hover {.background_color_25_gray ;}
+                &:hover {.background_color_0_gray ;}
 
 
                 // aktive Bilder
@@ -213,7 +213,7 @@
     // Hover
     // no effect ?
     .egw_fw_ui_tab_header_hover{
-        background-color: @egw_color_1_e;
+        background-color: @color_hover_row;
     }
 
     // Der eigentliche Inhalt der APP
diff --git a/pixelegg/less/layout_raster_sidebar.less b/pixelegg/less/layout_raster_sidebar.less
index 7d610bc8eb..a2e2d38293 100644
--- a/pixelegg/less/layout_raster_sidebar.less
+++ b/pixelegg/less/layout_raster_sidebar.less
@@ -549,7 +549,7 @@
    // Submenu Hover Item - gelb
     &:hover{
         .color_100_gray;
-        background-color: @egw_color_1_e;
+        background-color: @color_hover_row;
 
     }
 
diff --git a/pixelegg/less/layout_table.less b/pixelegg/less/layout_table.less
index 663ee4e8d6..efbe8e2de8 100755
--- a/pixelegg/less/layout_table.less
+++ b/pixelegg/less/layout_table.less
@@ -201,8 +201,7 @@ table.egwGridView_grid{
 		tr.th:hover {background: transparent;}
         tr.selected{
             background-image: none;
-            /*background-color: @egw_color_1_e !important;*/
-            background-color: fade(@color_active_row, 50%);
+            background-color: @color_selected_row;
         }
 
         // is active
@@ -289,7 +288,7 @@ table.egwGridView_grid{
 
             span.high {color: red;}
 
-            span.urgent {color: red; background-color: @egw_color_1_e;}
+            span.urgent {color: red; background-color: @color_hover_row;}
 
             span.low {color: @gray_80;}
 
diff --git a/pixelegg/mobile/fw_mobile.css b/pixelegg/mobile/fw_mobile.css
index 999eafddc9..92b45d02e0 100644
--- a/pixelegg/mobile/fw_mobile.css
+++ b/pixelegg/mobile/fw_mobile.css
@@ -381,7 +381,7 @@
     cursor: pointer;
   }
   .et2_link_list tr:hover {
-    background-color: rgba(103, 159, 210, 0.2);
+    background-color: rgba(153, 204, 255, 0.4);
   }
   .et2_link_list tr:active {
     background-color: rgba(255, 194, 0, 0.01);
@@ -1076,13 +1076,13 @@
  * @version $Id$
  */
 #uical_select_resource {
-  background-color: #FFDD73;
+  background-color: rgba(153, 204, 255, 0.4);
 }
 .uiaccountselection .primary_group {
-  background-color: #FFDD73;
+  background-color: rgba(153, 204, 255, 0.4);
 }
 option:checked {
-  background-color: #FFDD73;
+  background-color: rgba(153, 204, 255, 0.4);
 }
 .ui-tooltip {
   padding: 8px;
@@ -3078,7 +3078,7 @@ tr.dialogHeader4 .et2_label {
 .et2_tabflag:hover,
 .etemplate_tab > div:hover,
 .etemplate_tab_active > div:hover {
-  background-color: #f0f0f0;
+  background-color: rgba(153, 204, 255, 0.4);
   border: none;
   border-bottom: 3px solid #696969;
   border-top-left-radius: 5px;
@@ -4235,7 +4235,7 @@ td.message span.message {
 }
 #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header:hover {
   /*.background_color_20_gray ;*/
-  background-color: #FFDD73;
+  background-color: rgba(153, 204, 255, 0.4);
 }
 #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header h1 {
   /*font-size: 100%;*/
@@ -4287,7 +4287,7 @@ td.message span.message {
   /*aktive Objekte*/
 }
 #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header_active:hover {
-  background-color: #bfbfbf;
+  background-color: #ffffff;
 }
 #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header_active img.egw_fw_ui_tab_icon {
   display: inline-block;
@@ -4327,7 +4327,7 @@ td.message span.message {
   position: absolute;
 }
 #egw_fw_main .egw_fw_ui_tab_header_hover {
-  background-color: #FFDD73;
+  background-color: rgba(153, 204, 255, 0.4);
 }
 #egw_fw_main .egw_fw_ui_tab_content {
   width: 100%;
@@ -4767,7 +4767,7 @@ td.message span.message {
 }
 .egw_fw_ui_sidemenu_listitem:hover {
   color: #000000;
-  background-color: #FFDD73;
+  background-color: rgba(153, 204, 255, 0.4);
 }
 .egw_fw_ui_sidemenu_listitem img.egw_fw_ui_sidemenu_listitem_icon {
   /*display: none;*/
@@ -5609,15 +5609,14 @@ table.egwGridView_grid tbody {
   /*multiple choise*/
 }
 table.egwGridView_grid tbody tr:hover {
-  background: rgba(103, 159, 210, 0.2);
+  background: rgba(153, 204, 255, 0.4);
 }
 table.egwGridView_grid tbody tr.th:hover {
   background: transparent;
 }
 table.egwGridView_grid tbody tr.selected {
   background-image: none;
-  /*background-color: @egw_color_1_e !important;*/
-  background-color: rgba(255, 194, 0, 0.5);
+  background-color: rgba(102, 153, 204, 0.7);
 }
 table.egwGridView_grid tbody td {
   border-bottom: 1px solid #E6E6E6;
@@ -5675,19 +5674,19 @@ table.egwGridView_grid > tr > td span.high {
 }
 table.egwGridView_grid > tr > td span.urgent {
   color: red;
-  background-color: #FFDD73;
+  background-color: rgba(153, 204, 255, 0.4);
 }
 table.egwGridView_grid > tr > td span.low {
   color: #373737;
 }
 table.egwGridView_grid tr.subentry {
-  background: rgba(255, 221, 115, 0.2);
+  background: rgba(102, 153, 204, 0.2);
 }
 table.egwGridView_grid tr.subentry:hover {
-  background: #FFDD73 !important;
+  background: rgba(102, 153, 204, 0.7) !important;
 }
 table.egwGridView_grid tr.drop-hover {
-  background: #FFDD73 !important;
+  background: rgba(102, 153, 204, 0.7) !important;
 }
 table.egwGridView_grid span.arrow {
   -moz-user-select: none;
diff --git a/preferences/templates/mobile/app.css b/preferences/templates/mobile/app.css
index 4bac5ee8b4..f1a1261403 100644
--- a/preferences/templates/mobile/app.css
+++ b/preferences/templates/mobile/app.css
@@ -100,6 +100,9 @@ textarea.prefValue {
 .prefValueColumn select.prefValue {
   white-space: pre-line;
 }
+#preferences_settings_country_chzn {
+  width: 49% !important;
+}
 .prefHelp {
   width: 100%;
   height: 60px;