Backed out changeset 5b110e44f7a6 (bug 1279703) for failing browser_styleinspector_tooltip-longhand-fontfamily.js. r=backout

devtools/client/inspector/shared/style-inspector-overlays.js

@@ -12,7 +12,7 @@
 // - in-content highlighters that appear when hovering over property values
 // - etc.
 
-const {getColor} = require("devtools/client/shared/theme");
+const {getTheme} = require("devtools/client/shared/theme");
 const {HTMLTooltip} = require("devtools/client/shared/widgets/HTMLTooltip");
 const {
   getImageDimensions,
@@ -472,7 +472,7 @@ TooltipsOverlay.prototype = {
     font = font.replace("!important", "");
     font = font.trim();
 
-    let fillStyle = getColor("body-color");
+    let fillStyle = getTheme() === "light" ? "black" : "white";
     let {data, size: maxDim} = yield nodeFront.getFontFamilyDataURL(font, fillStyle);
 
     let imageUrl = yield data.string();