Untitled

{
    "font_picked": {
        "label": "Font",
        "type": "fontpicker",
        "value": "Overpass",
        "group": "◆ BASIC OPTIONS"
    },
    "box_spacing": {
        "label": "Spacing Between Messages",
        "type": "slider",
        "name": "",
        "value": 5,
        "max": 30,
        "min": 0,
        "steps": 1,
        "group": "◆ BASIC OPTIONS"
    },
    "username_font_size": {
        "label": "Username Font Size",
        "type": "slider",
        "name": "",
        "value": 14,
        "max": 32,
        "min": 10,
        "steps": 1,
        "group": "◆ USERNAME OPTIONS"
    },
    "username_font_weight": {
        "label": "Username Font Weight (Thickness)",
        "type": "slider",
        "name": "",
        "value": 600,
        "max": 900,
        "min": 100,
        "steps": 100,
        "group": "◆ USERNAME OPTIONS"
    },
    "username_transform": {
        "label": "Username Transform",
        "type": "dropdown",
        "options": {
            "none": "None",
            "uppercase": "Uppercase"
        },
        "value": "none",
        "group": "◆ USERNAME OPTIONS"
    },
    "username_text_color": {
        "label": "Username Text Color",
        "type": "colorpicker",
        "value": "#FFFFFF",
        "group": "◆ USERNAME OPTIONS"
    },
    "username_background_color": {
        "label": "Username Background Color",
        "type": "colorpicker",
        "value": "#9c02ad",
        "group": "◆ USERNAME OPTIONS"
    },
    "username_border_width": {
        "label": "Username Border Size",
        "type": "slider",
        "name": "",
        "value": 2,
        "max": 10,
        "min": 0,
        "steps": 1,
        "group": "◆ USERNAME OPTIONS"
    },
    "username_border_color": {
        "label": "Username Border Color",
        "type": "colorpicker",
        "value": "#ffccec",
        "group": "◆ USERNAME OPTIONS"
    },
    "username_border_style": {
        "label": "USername Border Style",
        "type": "dropdown",
        "options": {
            "solid": "Solid",
            "dashed": "Dashed",
            "dotted": "Dotted",
            "double": "Double",
            "groove": "Groove"
        },
        "value": "solid",
        "group": "◆ USERNAME OPTIONS"
    },
    "username_border_radius": {
        "label": "Username Border Radius",
        "type": "slider",
        "name": "",
        "value": 10,
        "max": 10,
        "min": 0,
        "steps": 1,
        "group": "◆ USERNAME OPTIONS"
    },
    "message_font_size": {
        "label": "Message Font Size",
        "type": "slider",
        "name": "",
        "value": 14,
        "max": 32,
        "min": 10,
        "steps": 1,
        "group": "◆ MESSAGE OPTIONS"
    },
    "message_font_weight": {
        "label": "Message Font Weight (Thickness)",
        "type": "slider",
        "name": "",
        "value": 400,
        "max": 900,
        "min": 100,
        "steps": 100,
        "group": "◆ MESSAGE OPTIONS"
    },
    "message_transform": {
        "label": "Message Transform",
        "type": "dropdown",
        "options": {
            "none": "None",
            "uppercase": "Uppercase"
        },
        "value": "none",
        "group": "◆ MESSAGE OPTIONS"
    },
    "message_text_color": {
        "label": "Message Text Color",
        "type": "colorpicker",
        "value": "#2e001b",
        "group": "◆ MESSAGE OPTIONS"
    },
    "message_background_color": {
        "label": "Message Background Color",
        "type": "colorpicker",
        "value": "#ffccf1",
        "group": "◆ MESSAGE OPTIONS"
    },
    "message_border_width": {
        "label": "Message Border Size",
        "type": "slider",
        "name": "",
        "value": 2,
        "max": 10,
        "min": 0,
        "steps": 1,
        "group": "◆ MESSAGE OPTIONS"
    },
    "message_border_color": {
        "label": "Message Border Color",
        "type": "colorpicker",
        "value": "#c0c0c0",
        "group": "◆ MESSAGE OPTIONS"
    },
    "message_border_style": {
        "label": "Message Border Style",
        "type": "dropdown",
        "options": {
            "solid": "Solid",
            "dashed": "Dashed",
            "dotted": "Dotted",
            "double": "Double",
            "groove": "Groove"
        },
        "value": "solid",
        "group": "◆ MESSAGE OPTIONS"
    },
    "message_border_radius": {
        "label": "Message Border Radius",
        "type": "slider",
        "name": "",
        "value": 10,
        "max": 10,
        "min": 0,
        "steps": 1,
        "group": "◆ MESSAGE OPTIONS"
    },
    "image_upload": {
        "label": "Image / Gifs (will resize to 30px by 30px)",
        "type": "image-input",
        "value": null,
        "group": "◆ MESSAGE OPTIONS"
    },
    "smoothscroll": {
        "label": "Enable Smoothscroll Animation?",
        "type": "dropdown",
        "options": {
            "false": "False",
            "true": "True"
        },
        "value": "true",
        "group": "◆ OTHER OPTIONS"
    },
    "enable_limit": {
        "label": "Enable Limit Message Shown?",
        "type": "dropdown",
        "options": {
            "false": "False",
            "true": "True"
        },
        "value": "false",
        "group": "◆ OTHER OPTIONS"
    },
    "message_limit": {
        "label": "➜ No. of Message Shown",
        "type": "slider",
        "name": "",
        "value": 10,
        "max": 200,
        "min": 1,
        "steps": 1,
        "group": "◆ OTHER OPTIONS"
    }
}