{ "base": { "borderTopLeftRadius": 50, "borderTopRightRadius": 50, "borderBottomLeftRadius": 50, "borderBottomRightRadius": 50, "fontSize": [ 13 ], "boxshadow": { "inset": true, "pos": { "top": 26, "left": 25 }, "size": { "width": 20, "height": 20 }, "color": { "r": 255, "g": 255, "b": 255, "a": 0 } }, "background": { "colorA": { "r": 255, "g": 255, "b": 255, "a": 1 }, "colorB": { "r": 255, "g": 255, "b": 255, "a": 1 }, "angle": 0 }, "color": { "r": 255, "g": 255, "b": 255, "a": 1 }, "border": [ { "width": 1, "variant": "solid", "color": { "r": 49, "g": 65, "b": 121, "a": 1 } }, { "width": 1, "variant": "solid", "color": { "r": 49, "g": 65, "b": 121, "a": 1 } }, { "width": 1, "variant": "solid", "color": { "r": 49, "g": 65, "b": 121, "a": 1 } }, { "width": 1, "variant": "solid", "color": { "r": 49, "g": 65, "b": 121, "a": 1 } } ], "fontWeight": "normal", "filters": { "blur": { "active": 0, "val": [ 5 ] }, "brightness": { "active": 0, "val": [ 1 ] }, "grayscale": { "active": 0, "val": [ 0.5 ] }, "opacity": { "active": 0, "val": [ 0.5 ] }, "hueRotate": { "active": 0, "val": [ 0 ] } } }, "hover": { "borderTopLeftRadius": 50, "borderTopRightRadius": 50, "borderBottomLeftRadius": 50, "borderBottomRightRadius": 50, "fontSize": [ 13 ], "boxshadow": { "inset": true, "pos": { "top": 26, "left": 25 }, "size": { "width": 20, "height": 20 }, "color": { "r": 255, "g": 255, "b": 255, "a": 0.47 } }, "background": { "colorA": { "r": 255, "g": 255, "b": 255, "a": 1 }, "colorB": { "r": 255, "g": 255, "b": 255, "a": 1 }, "angle": 0 }, "color": { "r": 99, "g": 122, "b": 173, "a": 0 }, "border": [ { "width": 3, "variant": "solid", "color": { "r": 49, "g": 65, "b": 121, "a": 1 } }, { "width": 3, "variant": "solid", "color": { "r": 49, "g": 65, "b": 121, "a": 1 } }, { "width": 3, "variant": "solid", "color": { "r": 49, "g": 65, "b": 121, "a": 1 } }, { "width": 3, "variant": "solid", "color": { "r": 49, "g": 65, "b": 121, "a": 1 } } ], "fontWeight": "normal", "filters": { "blur": { "active": 0, "val": [ 5 ] }, "brightness": { "active": 0, "val": [ 1.2 ] }, "grayscale": { "active": 0, "val": [ 0.5 ] }, "opacity": { "active": 0, "val": [ 0.5 ] }, "hueRotate": { "active": 0, "val": [ 0 ] } } }, "checked": { "borderTopLeftRadius": 50, "borderTopRightRadius": 50, "borderBottomLeftRadius": 50, "borderBottomRightRadius": 50, "fontSize": [ 13 ], "boxshadow": { "inset": true, "pos": { "top": 26, "left": 25 }, "size": { "width": 20, "height": 20 }, "color": { "r": 255, "g": 255, "b": 255, "a": 0.47 } }, "background": { "colorA": { "r": 59, "g": 88, "b": 152, "a": 1 }, "colorB": { "r": 99, "g": 122, "b": 173, "a": 1 }, "angle": 0 }, "color": { "r": 255, "g": 255, "b": 255, "a": 1 }, "border": [ { "width": 1, "variant": "solid", "color": { "r": 49, "g": 65, "b": 121, "a": 1 } }, { "width": 1, "variant": "solid", "color": { "r": 49, "g": 65, "b": 121, "a": 1 } }, { "width": 1, "variant": "solid", "color": { "r": 49, "g": 65, "b": 121, "a": 1 } }, { "width": 1, "variant": "solid", "color": { "r": 49, "g": 65, "b": 121, "a": 1 } } ], "fontWeight": "normal", "filters": { "blur": { "active": 0, "val": [ 5 ] }, "brightness": { "active": 0, "val": [ 0.9 ] }, "grayscale": { "active": 0, "val": [ 0.5 ] }, "opacity": { "active": 0, "val": [ 0.5 ] }, "hueRotate": { "active": 0, "val": [ 0 ] } } } }

Radio generator:

Templates

  • Preview
  • Code

Settings

  • Base
  • Hover
  • Checked
Border radius:
Border:
Box shadow:
|||
Filters:
Color:
Background: