ahmadawais/shades-of-purple-vscode

👌 Matching styles for the “Highlight Matching Tag” extension?

ahmadawais opened this issue · 3 comments

ahmadawais commented

Question

Do you have a matching style for using the “Highlight Matching Tag” extension?

Answer: YES

  1. Install Highlight Matching Tag extension.
  2. Add the following settings to your settings.json file
// SOP's highlight matching tag setting.
"highlight-matching-tag.styles": {
    "opening": {
        "full": {
            "highlight": "rgba(165, 153, 233, 0.3)"
        }
    }
},

Peace! ✌️

kaosmos commented

@ahmadawais, as of Highlight Matching Tag version 0.8+ the styling options are changed.

This is the new equivalent code:

"highlight-matching-tag.styles": {
    "opening": {
      "full": {
        "custom": {
          "backgroundColor": "rgba(165, 153, 233, 0.3)"
        }
      },
      "left": {
        "custom": {
          "borderWidth": "0"
        }
      },
      "right": {
        "custom": {
          "borderWidth": "0"
        }
      }
    }
  }
ahmadawais commented

@kaosmos you are right. I have updated the comment above. These styles were automagically migrated on update.

  • đź‘Ť1
ahmadawais commented

Before v0.9.1

// SOP's highlight matching tag setting.
"highlight-matching-tag.styles": {
		"opening": {
			"full": {
				"custom": {
					"backgroundColor": "rgba(165, 153, 233, 0.1)"
				}
			},
			"left": {
				"custom": {
					"borderWidth": "0"
				}
			},
			"right": {
				"custom": {
					"borderWidth": "0"
				}
			}
		}
	},

After v0.9.1

// SOP's highlight matching tag setting.
"highlight-matching-tag.styles": {
    "opening": {
        "full": {
            "highlight": "rgba(165, 153, 233, 0.3)"
        }
    }
},