Highlight inline dataview property names

[liamcain]

Created this snippet to highlight inline property names (e.g. property1:: value)

{
  "inline-property-name": {
    "class": "inline-property-name",
    "color": "#00000000",
    "regex": true,
    "query": "^[\\w ]+::",
    "mark": [
      "match"
    ],
    "css": ".inline-property-name {\n  color: var(--text-faint);\n  font-size: 0.8em;\n}"
  }
}

[lguenth]

Here is my version for Sanctum. I wanted the dataview keys to look like the tags. 😊

{
  "dataview-inline-key": {
    "class": "dataview-inline-key",
    "color": "#00000000",
    "regex": true,
    "query": "\\w+::",
    "mark": [
      "match"
    ],
    "css": ".dataview-inline-key {\n  display: inline-block;\n  background-color: rgba(64, 150, 147, 0.15) !important;\n  color: rgba(64, 150, 147) !important;\n  font-size: .875rem;\n  font-weight: 400;\n  line-height: 1em;\n  padding: 2px 4px 2px 4px;\n  text-align: center;\n  text-decoration: none;\n  margin: 0px 0px;\n  border: 1px solid transparent;\n  border-radius: 0.4em;\n  transition: 150ms cubic-bezier(0.2, 0, 1, 0.9);\n  filter: saturate(1);\n}"
  }
}

Edit: I have very basic regex skills and just realised that \w doesn't catch umlauts like German äüö etc, so this is what I use now:
[a-zA-Z0-9äöüÄÖÜß]+::