{
  "light": {
    "theme": "base",
    "themeVariables": {
      "fontFamily": "\"Helvetica Now Text\", Helvetica, Arial, sans-serif",
      "fontSize": "14px",
      "background": "#FFFFFF",
      "primaryColor": "#FFFFFF",
      "primaryBorderColor": "#3D4870",
      "primaryTextColor": "#1B223D",
      "secondaryColor": "#FFF9F3",
      "secondaryBorderColor": "#3D4870",
      "secondaryTextColor": "#1B223D",
      "tertiaryColor": "#FAF2E8",
      "tertiaryBorderColor": "#3D4870",
      "tertiaryTextColor": "#1B223D",
      "lineColor": "#3D4870",
      "textColor": "#1B223D",
      "mainBkg": "#FFFFFF",
      "nodeBorder": "#3D4870",
      "clusterBkg": "#F0FDFD",
      "clusterBorder": "#1A98B3",
      "titleColor": "#1B223D",
      "edgeLabelBackground": "#FFFFFF",
      "noteBkgColor": "#FAF2E8",
      "noteBorderColor": "#FAF2E8",
      "noteTextColor": "#1B223D",
      "actorBkg": "#FFF9F3",
      "actorBorder": "#3D4870",
      "actorTextColor": "#1B223D",
      "actorLineColor": "#3D4870",
      "signalColor": "#1B223D",
      "signalTextColor": "#1B223D",
      "labelBoxBkgColor": "#FAF2E8",
      "labelBoxBorderColor": "#3D4870",
      "labelTextColor": "#1B223D",
      "loopTextColor": "#58628A",
      "activationBkgColor": "#F0FDFD",
      "activationBorderColor": "#1A98B3",
      "sequenceNumberColor": "#FFFFFF"
    },
    "themeCSS": ".node rect, .node .label-container { rx: 8px; ry: 8px; } .cluster rect { rx: 16px; ry: 16px; stroke-dasharray: 6 4; stroke-width: 1.5px; } .edgePath .path, .flowchart-link { stroke-width: 1.5px; } .edgeLabel { font-size: 12px; } .node .label { font-weight: 500; }"
  },
  "dark": {
    "theme": "base",
    "themeVariables": {
      "fontFamily": "\"Helvetica Now Text\", Helvetica, Arial, sans-serif",
      "fontSize": "14px",
      "background": "#121624",
      "primaryColor": "#1B223D",
      "primaryBorderColor": "#A3AAC6",
      "primaryTextColor": "#FCFCFC",
      "secondaryColor": "#273156",
      "secondaryBorderColor": "#A3AAC6",
      "secondaryTextColor": "#FCFCFC",
      "tertiaryColor": "#1A2033",
      "tertiaryBorderColor": "#A3AAC6",
      "tertiaryTextColor": "#FCFCFC",
      "lineColor": "#A3AAC6",
      "textColor": "#FCFCFC",
      "mainBkg": "#1B223D",
      "nodeBorder": "#A3AAC6",
      "clusterBkg": "#14242E",
      "clusterBorder": "#4ECAE6",
      "titleColor": "#FCFCFC",
      "edgeLabelBackground": "#121624",
      "noteBkgColor": "#1A2033",
      "noteBorderColor": "#1A2033",
      "noteTextColor": "#FCFCFC",
      "actorBkg": "#273156",
      "actorBorder": "#A3AAC6",
      "actorTextColor": "#FCFCFC",
      "actorLineColor": "#A3AAC6",
      "signalColor": "#FCFCFC",
      "signalTextColor": "#FCFCFC",
      "labelBoxBkgColor": "#1A2033",
      "labelBoxBorderColor": "#A3AAC6",
      "labelTextColor": "#FCFCFC",
      "loopTextColor": "#A3AAC6",
      "activationBkgColor": "#14242E",
      "activationBorderColor": "#4ECAE6",
      "sequenceNumberColor": "#121624"
    },
    "themeCSS": ".node rect, .node .label-container { rx: 8px; ry: 8px; } .cluster rect { rx: 16px; ry: 16px; stroke-dasharray: 6 4; stroke-width: 1.5px; } .edgePath .path, .flowchart-link { stroke-width: 1.5px; } .edgeLabel { font-size: 12px; } .node .label { font-weight: 500; }"
  }
}