tree-sitter-d2/test/highlight/attribute.d2

direction: right;
# <- property
#        ^ punctuation.delimiter
#          ^ string
#               ^ punctuation.delimiter

shape: oval
# <- error
#      ^ string

baaaz.style: {
  # <- variable
  #   ^ keyword
  fill: red
  # <- property
  #     ^ string
}

foo: Label {
  shape: oval
  # <- property
  #      ^ string

  style.fill: red;
  # <- keyword
  #     ^ property 
}

foo: {
  style: {
  # <- keyword
    opacity: 0.5
    #        ^ float
    fill: red
    #     ^ string
    stroke: 'red'
    #       ^ string
    stroke-width: 5
    #             ^ number
    shadow: true
    #       ^ boolean
    animated: false
    #         ^ boolean
  }
}

foo: Label {
  tooltip: Gee, I feel kind of LIGHT in the head now,\nknowing I can't make my satellite dish PAYMENTS!
  # <- property
  #        ^ string
  #                                                  ^ string.escape

  link: https://microsoft.com
  # <- property
  #     ^ string

  style.fill: red
  # <- keyword
  #     ^ property 
}