From fe28656e3ff4555d242b5620bbfdebd7de3240ed Mon Sep 17 00:00:00 2001
From: mgabdev <>
Date: Tue, 3 Nov 2020 15:09:55 -0600
Subject: [PATCH] Added specific style for search placeholder
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

• Added:
- specific style --color_input_placeholder for search placeholder in global.css
---
 app/javascript/styles/global.css | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/app/javascript/styles/global.css b/app/javascript/styles/global.css
index 282e246c..c8e2defe 100644
--- a/app/javascript/styles/global.css
+++ b/app/javascript/styles/global.css
@@ -42,6 +42,8 @@
 
   --border_color_secondary: #ececed;
 
+  --color_input_placeholder: var(--solid_color_primary-opaque);
+
   /* Navigation bar. Only themes. Non-editable */
   --navigation_background: var(--color_brand);
   --navigation_blend: var(--color_brand-dark);
@@ -85,6 +87,8 @@
 
   --border_color_secondary: #424141 !important;
 
+  --color_input_placeholder: var(--text_color_secondary);
+
   /* Navigation bar. Only themes. Non-editable */
   --navigation_background: #000 !important;
   --navigation_blend: var(--text_color_secondary) !important;
@@ -108,6 +112,8 @@
 
   --border_color_secondary: #343434 !important;
 
+  --color_input_placeholder: var(--text_color_secondary);
+
   /* Navigation bar. Only themes. Non-editable */
   --navigation_background: #000 !important;
   --navigation_blend: var(--text_color_secondary) !important;
@@ -972,16 +978,16 @@ pre {
 }
 
 .searchInput::placeholder {
-  color: rgba(255,255,255,0.65);
+  color: var(--color_input_placeholder);
   opacity: 1;
 }
 
 .searchInput:-ms-input-placeholder {
-  color: rgba(255,255,255,0.65);
+  color: var(--color_input_placeholder);
 }
 
 .searchInput::-ms-input-placeholder {
-  color: rgba(255,255,255,0.65);
+  color: var(--color_input_placeholder);
 }
 
 .noScrollbar::-webkit-scrollbar {