Bug 1273943 - Emphasize search terms in awesomebar results using bold face. r?mak
MozReview-Commit-ID: 5rKDOp1c5jp
--- a/browser/themes/linux/browser.css
+++ b/browser/themes/linux/browser.css
@@ -1151,16 +1151,22 @@ html|span.ac-tag {
color: inherit !important;
}
.ac-tags-text[selected] > html|span.ac-tag {
background-color: HighlightText;
color: Highlight;
}
+html|span.ac-emphasize-text-title,
+html|span.ac-emphasize-text-tag,
+html|span.ac-emphasize-text-url {
+ font-weight: 600;
+}
+
.ac-type-icon[type=bookmark] {
list-style-image: url("chrome://browser/skin/urlbar-star.svg#star");
}
.ac-type-icon[type=bookmark][selected][current] {
list-style-image: url("chrome://browser/skin/urlbar-star.svg#star-inverted");
}
--- a/browser/themes/osx/browser.css
+++ b/browser/themes/osx/browser.css
@@ -1737,75 +1737,62 @@ toolbar .toolbarbutton-1 > .toolbarbutto
background-color: hsl(210, 80%, 52%);
}
.ac-title {
font-size: 14px;
color: hsl(0, 0%, 0%);
}
-html|span.ac-emphasize-text-title {
- color: hsl(0, 0%, 50%);
-}
-
.ac-tags {
font-size: 12px;
}
html|span.ac-tag {
background-color: hsl(216, 0%, 88%);
color: hsl(0, 0%, 0%);
border-radius: 2px;
border: 1px solid transparent;
padding: 0 1px;
}
-html|span.ac-emphasize-text-tag {
- color: hsl(0, 0%, 50%);
-}
-
.ac-separator,
.ac-url,
.ac-action {
font-size: 12px;
}
.ac-separator {
color: hsl(0, 0%, 50%);
}
.ac-url {
color: hsl(210, 77%, 47%);
}
-html|span.ac-emphasize-text-url {
- color: hsl(210, 86%, 64%);
-}
-
.ac-action {
color: hsl(178, 100%, 28%);
}
.ac-title[selected],
.ac-separator[selected],
.ac-url[selected],
-.ac-action[selected],
-.ac-title-text[selected] > html|span.ac-emphasize-text,
-.ac-url-text[selected] > html|span.ac-emphasize-text,
-.ac-action-text[selected] > html|span.ac-emphasize-text {
+.ac-action[selected] {
color: hsl(0, 0%, 100%);
}
.ac-tags-text[selected] > html|span.ac-tag {
background-color: hsl(0, 0%, 100%);
color: hsl(210, 80%, 40%);
}
-.ac-tags-text[selected] > html|span.ac-tag > html|span.ac-emphasize-text-tag {
- color: hsl(210, 80%, 52%);
+html|span.ac-emphasize-text-title,
+html|span.ac-emphasize-text-tag,
+html|span.ac-emphasize-text-url {
+ font-weight: 600;
}
.ac-type-icon[type=bookmark] {
list-style-image: url("chrome://browser/skin/urlbar-star.svg#star");
}
.autocomplete-treebody::-moz-tree-image(bookmark, treecolAutoCompleteImage) {
list-style-image: url("chrome://browser/skin/places/autocomplete-star.png");
--- a/browser/themes/windows/browser.css
+++ b/browser/themes/windows/browser.css
@@ -1419,102 +1419,85 @@ html|*.urlbar-input:-moz-lwtheme::-moz-p
background-color: hsl(210, 80%, 52%);
}
.ac-title {
font-size: 14px;
color: hsl(0, 0%, 0%);
}
-html|span.ac-emphasize-text-title {
- color: hsl(0, 0%, 50%);
-}
-
.ac-tags {
font-size: 12px;
}
html|span.ac-tag {
background-color: hsl(216, 0%, 88%);
color: hsl(0, 0%, 0%);
border-radius: 2px;
border: 1px solid transparent;
padding: 0 1px;
}
-html|span.ac-emphasize-text-tag {
- color: hsl(0, 0%, 50%);
-}
-
.ac-separator,
.ac-url,
.ac-action {
font-size: 12px;
}
.ac-separator {
color: hsl(0, 0%, 50%);
}
.ac-url {
color: hsl(210, 77%, 47%);
}
-html|span.ac-emphasize-text-url {
- color: hsl(210, 86%, 64%);
-}
-
.ac-action {
color: hsl(178, 100%, 28%);
}
.ac-title[selected=true],
.ac-separator[selected],
.ac-url[selected=true],
-.ac-action[selected=true],
-.ac-title-text[selected=true] > html|span.ac-emphasize-text,
-.ac-url-text[selected=true] > html|span.ac-emphasize-text,
-.ac-action-text[selected=true] > html|span.ac-emphasize-text {
+.ac-action[selected=true] {
color: hsl(0, 0%, 100%);
}
.ac-tags-text[selected] > html|span.ac-tag {
background-color: hsl(0, 0%, 100%);
color: hsl(210, 80%, 40%);
}
-.ac-tags-text[selected] > html|span.ac-tag > html|span.ac-emphasize-text-tag {
- color: hsl(210, 80%, 52%);
+html|span.ac-emphasize-text-title,
+html|span.ac-emphasize-text-tag,
+html|span.ac-emphasize-text-url {
+ font-weight: 600;
}
@media not all and (-moz-windows-default-theme) {
.autocomplete-richlistitem[selected=true] {
background-color: Highlight;
}
- .ac-title,
- html|span.ac-emphasize-text-title {
+ .ac-title {
color: inherit;
}
- html|span.ac-tag,
- html|span.ac-emphasize-text-tag {
+ html|span.ac-tag {
background-color: -moz-FieldText;
color: -moz-Field;
}
.ac-separator,
.ac-url,
- .ac-action,
- html|span.ac-emphasize-text-url {
+ .ac-action {
color: -moz-nativehyperlinktext;
}
- .ac-tags-text[selected] > html|span.ac-tag,
- .ac-tags-text[selected] > html|span.ac-tag > html|span.ac-emphasize-text-tag {
+ .ac-tags-text[selected] > html|span.ac-tag {
background-color: HighlightText;
color: Highlight;
}
}
.ac-type-icon[type=bookmark] {
list-style-image: url("chrome://browser/skin/urlbar-star.svg#star");
}