From 71210e96fb1890cd4800c7e7fc2477ee70395476 Mon Sep 17 00:00:00 2001
From: Hadi Nategh <hnategh@gmail.com>
Date: Thu, 8 Aug 2019 10:36:00 +0200
Subject: [PATCH] Set placeholder color to make it consistent cross-browser

---
 pixelegg/css/mobile.css             |  4 ++++
 pixelegg/css/monochrome.css         |  4 ++++
 pixelegg/css/pixelegg.css           | 15 +++++++++++++++
 pixelegg/css/pixelegg.less          | 14 +++++++++++++-
 pixelegg/less/def_colors.less       |  2 ++
 pixelegg/less/layout_loginPage.less |  5 ++++-
 pixelegg/mobile/fw_mobile.css       |  4 ++++
 7 files changed, 46 insertions(+), 2 deletions(-)

diff --git a/pixelegg/css/mobile.css b/pixelegg/css/mobile.css
index 501846d87a..7683a7b5cf 100644
--- a/pixelegg/css/mobile.css
+++ b/pixelegg/css/mobile.css
@@ -1926,6 +1926,10 @@ body {
 #loginMainDiv div#centerBox form table.divLoginbox td.remember_me_row {
   border-bottom: 1px solid silver;
 }
+#loginMainDiv div#centerBox form table.divLoginbox td.remember_me_row span.remember_me {
+  color: #666666;
+  opacity: 1;
+}
 #loginMainDiv div#centerBox form table.divLoginbox select:focus,
 #loginMainDiv div#centerBox form table.divLoginbox select:hover {
   box-shadow: none;
diff --git a/pixelegg/css/monochrome.css b/pixelegg/css/monochrome.css
index c6588c5c83..f1ad451755 100644
--- a/pixelegg/css/monochrome.css
+++ b/pixelegg/css/monochrome.css
@@ -1915,6 +1915,10 @@ body {
 #loginMainDiv div#centerBox form table.divLoginbox td.remember_me_row {
   border-bottom: 1px solid silver;
 }
+#loginMainDiv div#centerBox form table.divLoginbox td.remember_me_row span.remember_me {
+  color: #666666;
+  opacity: 1;
+}
 #loginMainDiv div#centerBox form table.divLoginbox select:focus,
 #loginMainDiv div#centerBox form table.divLoginbox select:hover {
   box-shadow: none;
diff --git a/pixelegg/css/pixelegg.css b/pixelegg/css/pixelegg.css
index 0babafe3f2..4c28002a30 100644
--- a/pixelegg/css/pixelegg.css
+++ b/pixelegg/css/pixelegg.css
@@ -1926,6 +1926,10 @@ body {
 #loginMainDiv div#centerBox form table.divLoginbox td.remember_me_row {
   border-bottom: 1px solid silver;
 }
+#loginMainDiv div#centerBox form table.divLoginbox td.remember_me_row span.remember_me {
+  color: #666666;
+  opacity: 1;
+}
 #loginMainDiv div#centerBox form table.divLoginbox select:focus,
 #loginMainDiv div#centerBox form table.divLoginbox select:hover {
   box-shadow: none;
@@ -6732,3 +6736,14 @@ img.et2_button_icon[src*="svg"]:hover {
   background-color: transparent;
   background-image: none;
 }
+/* set default placeholder color*/
+::placeholder {
+  color: #666666;
+  opacity: 1;
+}
+:-ms-input-placeholder {
+  color: #666666;
+}
+::-ms-input-placeholder {
+  color: #666666;
+}
diff --git a/pixelegg/css/pixelegg.less b/pixelegg/css/pixelegg.less
index 2ca2ae72b0..9356513f1e 100644
--- a/pixelegg/css/pixelegg.less
+++ b/pixelegg/css/pixelegg.less
@@ -386,4 +386,16 @@ div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub
 img.et2_button_icon[src*="svg"], img.et2_button_icon[src*="svg"]:hover {
 	background-color: transparent;
 	background-image: none;
-}
\ No newline at end of file
+}
+
+/* set default placeholder color*/
+::placeholder {
+	color: @color_placeholder;
+	opacity: 1;
+}
+:-ms-input-placeholder {
+	color: @color_placeholder;
+}
+::-ms-input-placeholder{
+	color: @color_placeholder;
+}
diff --git a/pixelegg/less/def_colors.less b/pixelegg/less/def_colors.less
index 02afdac08d..228a7e4983 100644
--- a/pixelegg/less/def_colors.less
+++ b/pixelegg/less/def_colors.less
@@ -117,6 +117,8 @@
 .background_color_40_gray {     background-color : lighten(@gray, 60%);	}
 .background_color_50_gray {	background-color : lighten(@gray, 50%);	}
 
+//Placeholder
+@color_placeholder: #666666;
 
 // Warning
 @red: #FF0000;
diff --git a/pixelegg/less/layout_loginPage.less b/pixelegg/less/layout_loginPage.less
index 3138f5f035..eddfe94c93 100644
--- a/pixelegg/less/layout_loginPage.less
+++ b/pixelegg/less/layout_loginPage.less
@@ -193,7 +193,10 @@
 					background-repeat: no-repeat;
 					background-position-x: 0;
 				}
-				td.remember_me_row {border-bottom: 1px solid silver}
+				td.remember_me_row {
+					border-bottom: 1px solid silver;
+					span.remember_me {color:@color_placeholder;opacity:1;}
+				}
 				select:focus, select:hover {box-shadow:none;}
 				input {
 					width: ~"calc(250px - 22px)";
diff --git a/pixelegg/mobile/fw_mobile.css b/pixelegg/mobile/fw_mobile.css
index 71d045d29f..35bed3cd81 100644
--- a/pixelegg/mobile/fw_mobile.css
+++ b/pixelegg/mobile/fw_mobile.css
@@ -1937,6 +1937,10 @@ body {
 #loginMainDiv div#centerBox form table.divLoginbox td.remember_me_row {
   border-bottom: 1px solid silver;
 }
+#loginMainDiv div#centerBox form table.divLoginbox td.remember_me_row span.remember_me {
+  color: #666666;
+  opacity: 1;
+}
 #loginMainDiv div#centerBox form table.divLoginbox select:focus,
 #loginMainDiv div#centerBox form table.divLoginbox select:hover {
   box-shadow: none;