diff --git a/dev/styles/customVariables.less b/dev/styles/customVariables.less index 75b088c..1dc3ec1 100644 --- a/dev/styles/customVariables.less +++ b/dev/styles/customVariables.less @@ -25,6 +25,8 @@ @header-middle-search-height: 44px; @header-middle-search-btn-bg: @main-color; @header-middle-search-btn-hover:lighten(@main-color, 20%); +@search-text-color: @main-text-color; + // Logo @@ -173,3 +175,28 @@ //== Pills @nav-pills-active-link-hover-bg: @main-color; @nav-pills-active-link-hover-color: #fff; + + +.input-placeholder-color(@color) { + &::placeholder { + color: @color; + opacity: .6; + } + &::-webkit-input-placeholder + { + color: @color; + opacity: .6; + } + &::-moz-placeholder { + color: @color; + opacity: .6; + } + &:-ms-input-placeholder { + color: @color; + opacity: .6; + } + &:-moz-placeholder { + color: @color; + opacity: .6; + } +} diff --git a/dev/styles/main/plugins/search/search.less b/dev/styles/main/plugins/search/search.less index 9e893a2..2c92f2b 100644 --- a/dev/styles/main/plugins/search/search.less +++ b/dev/styles/main/plugins/search/search.less @@ -172,3 +172,8 @@ background: darken(@main-body-bg, 10%); color: @main-text-color; } + +.awesomplete input{ + color: @search-text-color; + .input-placeholder-color(@search-text-color); +}