title: VScode: how-to change the color of HTML open and closing tag
body: <p>How can I change the color of the HTML open/close tags in VScode to match the image below? I have tried using the <code>Highlight Matching Tag</code> extension and the following settings, but this only works on selecting (onFocus) of the tags. I want the actual font color for open tags to be different than all the closing tags. Thank you!</p>
  
  <pre><code>  "highlight-matching-tag.styles": {
      "opening": {
        "name": {
          "custom": {
            "color": "#007fff",
          }
        }
      },
      "closing": {
        "name": {
          "custom": {
            "color": "#F02931"
          }
        }
      }
    },
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/hQjqk.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/hQjqk.jpg" alt="desired-output"></a></p>