--- a/devtools/client/themes/markup.css
+++ b/devtools/client/themes/markup.css
@@ -382,16 +382,17 @@ ul.children + .tag-line::before {
 .theme-firebug .not-displayed .close {
   opacity: .5;
 }
 
 /* Selected nodes in the tree should have light selected text.
    theme-selected doesn't work in this case since the text is a
    sibling of the class, not a child. */
 .theme-selected ~ .editor,
+.theme-selected ~ .editor.comment,
 .theme-selected ~ .editor .theme-fg-color1,
 .theme-selected ~ .editor .theme-fg-color2,
 .theme-selected ~ .editor .theme-fg-color3,
 .theme-selected ~ .editor .theme-fg-color4,
 .theme-selected ~ .editor .theme-fg-color5,
 .theme-selected ~ .editor .theme-fg-color6,
 .theme-selected ~ .editor .theme-fg-color7,
 .theme-selected ~ .editor .close::before {