search

vincaslt / vscode-highlight-matching-tag

Highlights matching opening or closing tag in VSCode
https://marketplace.visualstudio.com/items?itemName=vincaslt.highlight-matching-tag
MIT License
159 stars 16 forks source link

How to Change Underline Width or Set Border Only For Bottom #124

Closed Behseini closed 3 years ago

Behseini commented 3 years ago

Thanks for this but can you pls let me know if there is a way to change width of underline to be more clear? Or set border only for bottom of the name not entire (No Top/Left/Right)

Thanks

vincaslt commented 3 years ago

I'm having trouble understanding exactly what you want, could you paste your styling settings?

Behseini commented 3 years ago

Thanks for reply I just want to make the underline width ticker something like this

This was my setting


   "highlight-matching-tag.styles": {
        "opening": {
            "name": {
                "custom": {
                  "dark": {
                    "borderWidth": "6px",
                    "borderColor": "gold",
                    "borderStyle": "solid",
                    "borderRadius": "0px",

                  },
                  "light": {
                    "borderWidth": "6px",
                    "borderColor": "gold",
                    "borderStyle": "solid",
                    "borderRadius": "0px",

                  }
                }
              }
        },
        "closing": {
          "name": {
            "custom": {
              "dark": {
                "borderWidth": "6px",
                "borderColor": "gold",
                "borderStyle": "solid",
                "borderRadius": "0px",
                "right": "10px"
              },
              "light": {
                "borderWidth": "6px",
                "borderColor": "gold",
                "borderStyle": "solid",
                "borderRadius": "0px",
                "right": "10px"
              }
            }
          }
        }
      }
Behseini commented 3 years ago

No worry, I figured it out


"highlight-matching-tag.styles": {
    "opening": {
        "name": {
            "custom": {
            "borderWidth": "0 0 4px 0",
            "borderColor": "gold",
            "borderStyle": "solid",
            "borderRadius": "0px",
            "top": "10px"
        }
          }
    },
    "closing": {
      "name": {
        "custom": {
        "borderWidth": "0 0 4px 0",
        "borderColor": "gold",
        "borderStyle": "solid",
        "borderRadius": "0px",
        "top": "10px"
    }
      }
    }
  }