--- a/devtools/client/themes/common.css
+++ b/devtools/client/themes/common.css
@@ -3,17 +3,19 @@
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
 @import url("resource://devtools/client/themes/splitters.css");
 @namespace html url("http://www.w3.org/1999/xhtml");
 
 :root {
   font: message-box;
 
-  --tab-line-selected-color: var(--blue-50);
+  /* The usage of the highlight keyword is being removed in Bug 1395651. DevTools should
+     align when this bug is fixed. */
+  --tab-line-selected-color: highlight;
   /* Introduce a specific variable here to be able to special-case firebug theme */
   --toolbar-icon-checked-filter: var(--theme-icon-checked-filter);
 }
 
 :root.theme-light {
   --tab-line-hover-color: rgba(0,0,0,.2);
 }