From 1c1a40979194be7e719818b4b8566a6eedeeedc7 Mon Sep 17 00:00:00 2001
From: Hadi Nategh <hnategh@gmail.com>
Date: Wed, 31 Mar 2021 16:56:43 +0200
Subject: [PATCH] Apply Kanban app color

---
 pixelegg/css/mobile.css       | 32 ++++++++++++++++++++++++++++++++
 pixelegg/css/pixelegg.css     | 32 ++++++++++++++++++++++++++++++++
 pixelegg/css/pixelegg.less    | 21 +++++++++++++++++++++
 pixelegg/less/app_colors.less |  7 +++++++
 pixelegg/mobile/fw_mobile.css | 32 ++++++++++++++++++++++++++++++++
 5 files changed, 124 insertions(+)

diff --git a/pixelegg/css/mobile.css b/pixelegg/css/mobile.css
index 590447c7be..f19660d51d 100644
--- a/pixelegg/css/mobile.css
+++ b/pixelegg/css/mobile.css
@@ -6743,6 +6743,19 @@ form[id^="ranking-"] .dialogHeadbar {
 #ranking_sidebox_header {
   border-left: 6px solid #404040 !important;
 }
+div[id^="kanban-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
+form[id^="kanban-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
+div[id^="kanban-"] .plus_button,
+form[id^="kanban-"] .plus_button,
+div[id^="kanban-"] .search.nm-mob-header,
+form[id^="kanban-"] .search.nm-mob-header,
+div[id^="kanban-"] .dialogHeadbar,
+form[id^="kanban-"] .dialogHeadbar {
+  background-color: #4663c8;
+}
+#kanban_sidebox_header {
+  border-left: 6px solid #4663c8 !important;
+}
 img.et2_appicon,
 .et2_appicon img,
 table.egwGridView_grid img.et2_appicon {
@@ -6818,6 +6831,9 @@ table.egwGridView_grid img.et2_appicon {
 #egw_fw_sidebar #egw_fw_sidemenu #ranking_sidebox_content .egw_fw_ui_category_active {
   background-color: #404040 !important;
 }
+#egw_fw_sidebar #egw_fw_sidemenu #kanban_sidebox_content .egw_fw_ui_category_active {
+  background-color: #4663c8 !important;
+}
 #addressbook_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
   border-top: 4px solid #003366 !important;
   border-left: 0px !important;
@@ -7006,6 +7022,22 @@ table.egwGridView_grid img.et2_appicon {
   border-top-color: #797979;
   border-top-width: 4px !important;
 }
+#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #kanban_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
+  background-color: rgba(70, 99, 200, 0.3);
+  border-left: 4px solid #4663c8 !important;
+}
+#kanban_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
+  border-top: 4px solid #4663c8 !important;
+  border-left: 0px !important;
+}
+#kanban_sidebox_header {
+  border-left: 4px solid #4663c8 !important;
+}
+#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #kanban-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
+  border-top: 4px solid;
+  border-top-color: #4663c8;
+  border-top-width: 4px !important;
+}
 #egw_fw_basecontainer.egw_fw_sidebar_toggleOn #ranking_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
   background-color: rgba(64, 64, 64, 0.3);
   border-left: 4px solid #404040 !important;
diff --git a/pixelegg/css/pixelegg.css b/pixelegg/css/pixelegg.css
index 8186b554b8..cc21ea926a 100644
--- a/pixelegg/css/pixelegg.css
+++ b/pixelegg/css/pixelegg.css
@@ -6733,6 +6733,19 @@ form[id^="ranking-"] .dialogHeadbar {
 #ranking_sidebox_header {
   border-left: 6px solid #404040 !important;
 }
+div[id^="kanban-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
+form[id^="kanban-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
+div[id^="kanban-"] .plus_button,
+form[id^="kanban-"] .plus_button,
+div[id^="kanban-"] .search.nm-mob-header,
+form[id^="kanban-"] .search.nm-mob-header,
+div[id^="kanban-"] .dialogHeadbar,
+form[id^="kanban-"] .dialogHeadbar {
+  background-color: #4663c8;
+}
+#kanban_sidebox_header {
+  border-left: 6px solid #4663c8 !important;
+}
 img.et2_appicon,
 .et2_appicon img,
 table.egwGridView_grid img.et2_appicon {
@@ -6808,6 +6821,9 @@ table.egwGridView_grid img.et2_appicon {
 #egw_fw_sidebar #egw_fw_sidemenu #ranking_sidebox_content .egw_fw_ui_category_active {
   background-color: #404040 !important;
 }
+#egw_fw_sidebar #egw_fw_sidemenu #kanban_sidebox_content .egw_fw_ui_category_active {
+  background-color: #4663c8 !important;
+}
 #addressbook_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
   border-top: 4px solid #003366 !important;
   border-left: 0px !important;
@@ -6996,6 +7012,22 @@ table.egwGridView_grid img.et2_appicon {
   border-top-color: #797979;
   border-top-width: 4px !important;
 }
+#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #kanban_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
+  background-color: rgba(70, 99, 200, 0.3);
+  border-left: 4px solid #4663c8 !important;
+}
+#kanban_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
+  border-top: 4px solid #4663c8 !important;
+  border-left: 0px !important;
+}
+#kanban_sidebox_header {
+  border-left: 4px solid #4663c8 !important;
+}
+#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #kanban-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
+  border-top: 4px solid;
+  border-top-color: #4663c8;
+  border-top-width: 4px !important;
+}
 #egw_fw_basecontainer.egw_fw_sidebar_toggleOn #ranking_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
   background-color: rgba(64, 64, 64, 0.3);
   border-left: 4px solid #404040 !important;
diff --git a/pixelegg/css/pixelegg.less b/pixelegg/css/pixelegg.less
index aec1bd2437..47c63c833b 100644
--- a/pixelegg/css/pixelegg.less
+++ b/pixelegg/css/pixelegg.less
@@ -100,6 +100,11 @@
 				background-color: @ranking-color !important;
 			}
 		}
+		#kanban_sidebox_content {
+			.egw_fw_ui_category_active {
+				background-color: @kanban-color !important;
+			}
+		}
 	}
 }
 #addressbook_sidebox_header.egw_fw_ui_sidemenu_entry_header_active{
@@ -284,6 +289,22 @@
 	border-top-color: @wiki-color;
 	border-top-width: 4px !important;
 }
+//Kanban
+#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #kanban_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
+	background-color: fade(@kanban-color, 30%);
+	border-left:4px solid @kanban-color !important;
+}
+#kanban_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
+	border-top:4px solid @kanban-color !important;
+	border-left: 0px !important;
+}
+#kanban_sidebox_header {border-left:4px solid @kanban-color !important;}
+#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #kanban-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
+	border-top: 4px solid;
+	border-top-color: @kanban-color;
+	border-top-width: 4px !important;
+}
+
 // Ranking
 #egw_fw_basecontainer.egw_fw_sidebar_toggleOn #ranking_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
 	background-color: fade(@ranking-color, 30%);
diff --git a/pixelegg/less/app_colors.less b/pixelegg/less/app_colors.less
index f3e1551995..7a28c295ec 100644
--- a/pixelegg/less/app_colors.less
+++ b/pixelegg/less/app_colors.less
@@ -28,6 +28,7 @@
 @wiki-color: #797979;
 @ranking-color: #404040;
 @default-color: #797979;
+@kanban-color: #4663c8;
 // Addressbook
 div[id^="addressbook-"],form[id^="addressbook-"] {
 	.nm_favorites_div .et2_dropdown button:nth-child(2),.plus_button,.search.nm-mob-header,.dialogHeadbar {background-color: @addressbook-color;}
@@ -96,6 +97,12 @@ div[id^="ranking-"],form[id^="ranking-"] {
 }
 #ranking_sidebox_header {border-left:6px solid @ranking-color !important;}
 
+//Kanban
+div[id^="kanban-"],form[id^="kanban-"] {
+	.nm_favorites_div .et2_dropdown button:nth-child(2),.plus_button,.search.nm-mob-header,.dialogHeadbar {background-color: @kanban-color;}
+}
+#kanban_sidebox_header {border-left:6px solid @kanban-color !important;}
+
 // remove gray filter from et2_appicon
 img.et2_appicon,
 .et2_appicon img,
diff --git a/pixelegg/mobile/fw_mobile.css b/pixelegg/mobile/fw_mobile.css
index 5dcae70700..7168d4624b 100644
--- a/pixelegg/mobile/fw_mobile.css
+++ b/pixelegg/mobile/fw_mobile.css
@@ -6639,6 +6639,9 @@ span.egw_tutorial_title {
 #egw_fw_sidebar #egw_fw_sidemenu #ranking_sidebox_content .egw_fw_ui_category_active {
   background-color: #404040 !important;
 }
+#egw_fw_sidebar #egw_fw_sidemenu #kanban_sidebox_content .egw_fw_ui_category_active {
+  background-color: #4663c8 !important;
+}
 #addressbook_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
   border-top: 4px solid #003366 !important;
   border-left: 0px !important;
@@ -6827,6 +6830,22 @@ span.egw_tutorial_title {
   border-top-color: #797979;
   border-top-width: 4px !important;
 }
+#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #kanban_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
+  background-color: rgba(70, 99, 200, 0.3);
+  border-left: 4px solid #4663c8 !important;
+}
+#kanban_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
+  border-top: 4px solid #4663c8 !important;
+  border-left: 0px !important;
+}
+#kanban_sidebox_header {
+  border-left: 4px solid #4663c8 !important;
+}
+#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header #kanban-egw_fw_ui_tab_header.egw_fw_ui_tab_header_active {
+  border-top: 4px solid;
+  border-top-color: #4663c8;
+  border-top-width: 4px !important;
+}
 #egw_fw_basecontainer.egw_fw_sidebar_toggleOn #ranking_sidebox_header.egw_fw_ui_sidemenu_entry_header_active {
   background-color: rgba(64, 64, 64, 0.3);
   border-left: 4px solid #404040 !important;
@@ -7758,6 +7777,19 @@ form[id^="ranking-"] .dialogHeadbar {
 #ranking_sidebox_header {
   border-left: 6px solid #404040 !important;
 }
+div[id^="kanban-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
+form[id^="kanban-"] .nm_favorites_div .et2_dropdown button:nth-child(2),
+div[id^="kanban-"] .plus_button,
+form[id^="kanban-"] .plus_button,
+div[id^="kanban-"] .search.nm-mob-header,
+form[id^="kanban-"] .search.nm-mob-header,
+div[id^="kanban-"] .dialogHeadbar,
+form[id^="kanban-"] .dialogHeadbar {
+  background-color: #4663c8;
+}
+#kanban_sidebox_header {
+  border-left: 6px solid #4663c8 !important;
+}
 img.et2_appicon,
 .et2_appicon img,
 table.egwGridView_grid img.et2_appicon {