[css value tracing] color-mix substitutions should not be editable

Bug: 396080529
Change-Id: I569272d9fbcab6260e949410abfbc7b9236597d5
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/6329383
Reviewed-by: Eric Leese <[email protected]>
Auto-Submit: Philip Pfaffe <[email protected]>
Commit-Queue: Philip Pfaffe <[email protected]>
Commit-Queue: Eric Leese <[email protected]>

Author: pfaffe

front_end/panels/elements/StylePropertyTreeElement.ts

@@ -589,12 +589,10 @@ export class LightDarkColorRenderer extends rendererBase(SDK.CSSPropertyParserMa
 export class ColorMixRenderer extends rendererBase(SDK.CSSPropertyParserMatchers.ColorMixMatch) {
   // clang-format on
   readonly #pane: StylesSidebarPane;
-  readonly #treeElement: StylePropertyTreeElement|null;
 
-  constructor(pane: StylesSidebarPane, treeElement: StylePropertyTreeElement|null) {
+  constructor(pane: StylesSidebarPane) {
     super();
     this.#pane = pane;
-    this.#treeElement = treeElement;
   }
 
   override render(match: SDK.CSSPropertyParserMatchers.ColorMixMatch, context: RenderingContext): Node[] {
@@ -644,7 +642,7 @@ export class ColorMixRenderer extends rendererBase(SDK.CSSPropertyParserMatchers
 
     if (childTracingContexts && context.tracing?.applyEvaluation(childTracingContexts)) {
       const initialColor = Common.Color.parse('#000') as Common.Color.Color;
-      const swatch = new ColorRenderer(this.#pane, this.#treeElement).renderColorSwatch(initialColor);
+      const swatch = new ColorRenderer(this.#pane, null).renderColorSwatch(initialColor);
       context.addControl('color', swatch);
       const nodeId = this.#pane.node()?.id;
       if (nodeId !== undefined) {
@@ -1500,7 +1498,7 @@ export function getPropertyRenderers(
   return [
     new VariableRenderer(stylesPane, treeElement, matchedStyles, computedStyles),
     new ColorRenderer(stylesPane, treeElement),
-    new ColorMixRenderer(stylesPane, treeElement),
+    new ColorMixRenderer(stylesPane),
     new URLRenderer(style.parentRule, stylesPane.node()),
     new AngleRenderer(treeElement),
     new LinkableNameRenderer(matchedStyles, stylesPane),