DevTools: Don't show CSS variables in ComputedStyleWidget unless showing all

third_party/WebKit/Source/devtools/front_end/elements/ComputedStyleWidget.js

 /*
  * Copyright (C) 2007 Apple Inc.  All rights reserved.
  * Copyright (C) 2009 Joseph Pecoraro
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions
  * are met:
  *
  * 1.  Redistributions of source code must retain the above copyright
  *     notice, this list of conditions and the following disclaimer.
@@ skipping 140 matching lines @@
     var propertyTraces = this._computePropertyTraces(matchedStyles);
     var inhertiedProperties = this._computeInheritedProperties(matchedStyles);
     var showInherited = this._showInheritedComputedStylePropertiesSetting.get();
     for (var i = 0; i < uniqueProperties.length; ++i) {
       var propertyName = uniqueProperties[i];
       var propertyValue = nodeStyle.computedStyle.get(propertyName);
       var canonicalName = SDK.cssMetadata().canonicalPropertyName(propertyName);
       var inherited = !inhertiedProperties.has(canonicalName);
       if (!showInherited && inherited && !(propertyName in this._alwaysShowComputedProperties))
         continue;
+      if (!showInherited && propertyName.startsWith('--'))
+        continue;
       if (propertyName !== canonicalName && propertyValue === nodeStyle.computedStyle.get(canonicalName))
         continue;
 
       var propertyElement = createElement('div');
       propertyElement.classList.add('computed-style-property');
       propertyElement.classList.toggle('computed-style-property-inherited', inherited);
       var renderer = new Elements.StylesSidebarPropertyRenderer(
           null, nodeStyle.node, propertyName, /** @type {string} */ (propertyValue));
       renderer.setColorHandler(this._processColor.bind(this));
       var propertyNameElement = renderer.renderName();
@@ skipping 168 matching lines @@
       var property = child[Elements.ComputedStyleWidget._propertySymbol];
       var matched = !regex || regex.test(property.name) || regex.test(property.value);
       child.hidden = !matched;
     }
   }
 };
 
 Elements.ComputedStyleWidget._maxLinkLength = 30;
 
 Elements.ComputedStyleWidget._propertySymbol = Symbol('property');