Added specific style for search placeholder

• Added:
- specific style --color_input_placeholder for search placeholder in global.css
This commit is contained in:
mgabdev 2020-11-03 15:09:55 -06:00
parent 4e3e5b6e31
commit fe28656e3f
1 changed files with 9 additions and 3 deletions

View File

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