diff --git a/app/assets/javascripts/discourse/views/search-results-type.js.es6 b/app/assets/javascripts/discourse/views/search-results-type.js.es6 index 31a55de99b0..f90de08c1ef 100644 --- a/app/assets/javascripts/discourse/views/search-results-type.js.es6 +++ b/app/assets/javascripts/discourse/views/search-results-type.js.es6 @@ -8,8 +8,8 @@ export default Ember.CollectionView.extend({ didInsertElement: function(){ var term = this.get('controller.term'); if(!_.isEmpty(term)) { - this.$('.blurb').highlight(term.split(/\s+/)); - this.$('.topic-title').highlight(term.split(/\s+/), {className: 'highlighted'} ); + this.$('.blurb').highlight(term.split(/\s+/), {className: 'search-highlight'}); + this.$('.topic-title').highlight(term.split(/\s+/), {className: 'search-highlight'} ); } } }); diff --git a/app/assets/stylesheets/common/base/header.scss b/app/assets/stylesheets/common/base/header.scss index 506cc036c67..cc677bc2d5f 100644 --- a/app/assets/stylesheets/common/base/header.scss +++ b/app/assets/stylesheets/common/base/header.scss @@ -339,3 +339,7 @@ .highlight-strong { background-color: dark-light-diff($highlight, $secondary, 40%, -50%); } + +.search-highlight { + font-weight: bold; +} diff --git a/app/assets/stylesheets/desktop/header.scss b/app/assets/stylesheets/desktop/header.scss index 84cc87d47fb..04fb9be7998 100644 --- a/app/assets/stylesheets/desktop/header.scss +++ b/app/assets/stylesheets/desktop/header.scss @@ -70,6 +70,9 @@ and (max-width : 570px) { color: scale-color($primary, $lightness: 45%); display: block; font-size: 11px; + .search-highlight { + color: scale-color($primary, $lightness: 25%); + } } .d-dropdown#search-dropdown {