--- a/devtools/client/themes/common.css
+++ b/devtools/client/themes/common.css
@@ -125,26 +125,32 @@ html|button, html|select {
 
 .theme-firebug .devtools-autocomplete-popup {
   border-color: var(--theme-splitter-color);
   border-radius: 5px;
   font-size: var(--theme-autompletion-font-size);
   background: var(--theme-body-background);
 }
 
-.devtools-autocomplete-listbox .autocomplete-selected,
 .devtools-autocomplete-listbox .autocomplete-item:hover {
   background-color: rgba(128,128,128,0.3);
 }
 
-.theme-dark .devtools-autocomplete-listbox .autocomplete-selected,
 .theme-dark .devtools-autocomplete-listbox .autocomplete-item:hover {
   background-color: rgba(0,0,0,0.5);
 }
 
+.devtools-autocomplete-listbox .autocomplete-selected,
+.devtools-autocomplete-listbox .autocomplete-selected:hover,
+.theme-dark .devtools-autocomplete-listbox .autocomplete-selected,
+.theme-dark .devtools-autocomplete-listbox .autocomplete-selected:hover {
+  background-color: var(--theme-selection-background);
+  color: var(--theme-selection-color);
+}
+
 .devtools-autocomplete-listbox .autocomplete-selected > .autocomplete-value,
 .devtools-autocomplete-listbox:focus .autocomplete-selected > .initial-value {
   color: #222;
 }
 
 .theme-dark .devtools-autocomplete-listbox .autocomplete-selected > .autocomplete-value,
 .theme-dark .devtools-autocomplete-listbox:focus .autocomplete-selected > .initial-value {
   color: hsl(208,100%,60%);