Style

Structure of the style object and its properties.

The following tables list the style properties of each supported item type.

Card item style

Property name	Property type	Description
`cardTheme`	String	Defines the color of the border of the card. `cardTheme` accepts any valid hex color code. Default card border color: `#2d9bf0` (light blue)

Shape item style

Property name	Property type	Description
`fillColor`	String	Fill color of the item. `fillColor` accepts any valid hex color code. Default fill color: `#fff9b1` (light yellow) Note: This property is not supported for the following shapes: - `left_brace` - `right_brace`
`fillOpacity`	String	Opacity level of the fill color. Possible values: any number between `0` and `1`, where `0` sets the fill color to be completely transparent or invisible; `1` sets the fill color to be completely opaque or solid. Default: `1.0` (solid color)
`fontFamily`	String	Defines the type of font for the text on the shape. Possible font families: - `Arial` - `Segoe Script` - `Abril Fatface` - `Bangers` - `EB Garamond` - `Georgia` - `Graduate` - `Gravitas One` - `Fredoka One` - `Nixie One` - `OpenSans` - `Permanent Marker` - `PT Sans` - `PT Sans Narrow` - `PT Serif` - `Rammetto One` - `Roboto` - `Roboto Condensed` - `Roboto Slab` - `Caveat` - `Times New Roman` - `Titan One` - `Lemon Tuesday` - `Roboto Mono` - `Noto Sans` - `IBM Plex Sans` - `IBM Plex Serif` - `IBM Plex Mono` - `Spoof` - `Tiempos Text` Default: `OpenSans`
`fontSize`	String	Defines the font size, in dp, for the text on the shape. Default: `14`
`borderColor`	String	Defines the color of the border of the shape. Default: `#1a1a1a` (dark gray)
`borderWidth`	String	Defines the thickness of the shape border, in dp.
`borderOpacity`	String	Defines the opacity level of the shape border. Possible values: any number between `0` and `1`, where `0` sets the border color to be completely transparent or invisible; `1` sets the border color to be completely opaque or solid. Default: `1.0` (solid color)
`borderStyle`	String	Defines the style used to represent the border of the shape. Possible values: - `dotted` - `dashed` - `normal` Default: `normal`
`textAlign`	String	Defines how the shape text is horizontally aligned. Possible values: - `left` - `center` - `right` Default: `center`

"style": {
        "fillColor": "#ffffffff",
        "fillOpacity": "1.0",
        "fontFamily": "OpenSans",
        "fontSize": "14",
        "borderColor": "#1a1a1a",
        "borderWidth": "2.0",
        "borderOpacity": "1.0",
        "borderStyle": "normal",
        "textAlign": "center"
    }

Sticky note item style

Property name	Property type	Description
`fillColor`	String	Fill color of the sticky note. Possible color name values: - `gray` - `light_yellow` - `yellow` - `orange` - `light_green` - `green` - `dark_green` - `cyan` - `light_pink` - `pink` - `violet` - `red` - `light_blue` - `blue` - `dark_blue` - `black` Default: `light_yellow`
`textAlign`	String	Defines how the sticky note text is horizontally aligned. Possible values: - `left` - `center` - `right` Default: `center`
`textAlignVertical`	String	Defines how the sticky note text is vertically aligned. Possible values: - `top` - `middle` - `bottom` Default: `top`

"style": {
        "fillColor": "light_blue",
        "textAlign": "center",
        "textAlignVertical": "middle"
    }

Text item style

Property name	Property type	Description
`fillColor`	String	Fill color of the text item. `fillColor` accepts any valid hex color code. Default text fill color: `#fff9b1` (light yellow)
`fillOpacity`	String	Opacity level of the fill color. Possible values: any number between `0` and `1`, where `0` sets the fill color to be completely transparent or invisible; `1` sets the fill color to be completely opaque or solid. Default: `1.0` (solid color)
`fontFamily`	String	Defines the type of font for the text on the item. Possible font families: - `Arial` - `Segoe Script` - `Abril Fatface` - `Bangers` - `EB Garamond` - `Georgia` - `Graduate` - `Gravitas One` - `Fredoka One` - `Nixie One` - `OpenSans` - `Permanent Marker` - `PT Sans` - `PT Sans Narrow` - `PT Serif` - `Rammetto One` - `Roboto` - `Roboto Condensed` - `Roboto Slab` - `Caveat` - `Times New Roman` - `Titan One` - `Lemon Tuesday` - `Roboto Mono` - `Noto Sans` - `IBM Plex Sans` - `IBM Plex Serif` - `IBM Plex Mono` - `Spoof` - `Tiempos Text` Default: `OpenSans`
`fontSize`	String	Defines the font size, in dp, for the text on the shape. Default: `14`
`textAlign`	String	Defines how the text is horizontally aligned. Possible values: - `left` - `center` - `right` Default: `left`

"style": {
        "fillColor": "#e6e6e6",
        "fillOpacity": "1.0",
        "fontFamily": "OpenSans",
        "fontSize": "14",
        "textAlign": "left"
    }