Can we use different backgroundcolor for highlight is jsonDiagram ?

Question

Hi ,

I have json data

@startjson
 

 {
"task1":{
               "status":"success"

        },
"task2":{
               "status":"failed"

        }

}

@endjson

I want to use different background color to highlight like success status should be in green and failed status in red.

How i can do this?

Answer 1

Hello S., and all,

Awaiting stereotype or inline colour (on JSON or YAML):

• https://forum.plantuml.net/15756/yaml-multiple-highlight-defs?show=15757#c15757

Here is a possible workaround using creole:

@startjson
  {
"task1":{
               "status":"<back:green>success"
        },
"task2":{
               "status":"<back:red>failed"
        }
}
@endjson

It is not so pretty, but... enjoy...
Regards.

Answer 2

Hello S., and all,

With the last version (V1.2023.0), we can now have:

@startjson
<style>
    .ok {
      BackGroundColor green
      FontColor white
      FontStyle italic
    }
    .ko {
      BackGroundColor red
      FontColor white
      FontStyle italic
    }
</style>
#highlight task1/status <<ok>>
#highlight task2/status <<ko>>

{
"task1":{
               "status":"success"
        },
"task2":{
               "status":"failed"
        }
}
@endjson

Thanks to PlantUML team. 
Regards.