DOM.HighlightConfig

Configuration data for the highlighting of page elements.

{
  "id": "HighlightConfig",
  "type": "object",
  "properties": [
    {
      "name": "showInfo",
      "type": "boolean",
      "optional": true,
      "description": "Whether the node info tooltip should be shown (default: false)."
    },
    {
      "name": "showRulers",
      "type": "boolean",
      "optional": true,
      "description": "Whether the rulers should be shown (default: false)."
    },
    {
      "name": "showExtensionLines",
      "type": "boolean",
      "optional": true,
      "description": "Whether the extension lines from node to the rulers should be shown (default: false)."
    },
    {
      "name": "displayAsMaterial",
      "type": "boolean",
      "optional": true,
      "experimental": true
    },
    {
      "name": "contentColor",
      "$ref": "RGBA",
      "optional": true,
      "description": "The content box highlight fill color (default: transparent)."
    },
    {
      "name": "paddingColor",
      "$ref": "RGBA",
      "optional": true,
      "description": "The padding highlight fill color (default: transparent)."
    },
    {
      "name": "borderColor",
      "$ref": "RGBA",
      "optional": true,
      "description": "The border highlight fill color (default: transparent)."
    },
    {
      "name": "marginColor",
      "$ref": "RGBA",
      "optional": true,
      "description": "The margin highlight fill color (default: transparent)."
    },
    {
      "name": "eventTargetColor",
      "$ref": "RGBA",
      "optional": true,
      "experimental": true,
      "description": "The event target element highlight fill color (default: transparent)."
    },
    {
      "name": "shapeColor",
      "$ref": "RGBA",
      "optional": true,
      "experimental": true,
      "description": "The shape outside fill color (default: transparent)."
    },
    {
      "name": "shapeMarginColor",
      "$ref": "RGBA",
      "optional": true,
      "experimental": true,
      "description": "The shape margin fill color (default: transparent)."
    },
    {
      "name": "selectorList",
      "type": "string",
      "optional": true,
      "description": "Selectors to highlight relevant nodes."
    }
  ],
  "description": "Configuration data for the highlighting of page elements."
}