{
    "views - zones - stem": SimpleButton (
        start_enabled: false,
        within: "views - zones",
        default: (
            area: (
                x_axis: (
                    from: (frac: 1, px: -140),
                    dist: (frac: 0, px: 40),
                ),
                y_axis: (
                    from: (frac: 0.5, px: -20),
                    dist: (frac: 0, px: 40),
                )
            ),
            fill_color: (191,159,23,191),
        ),
    ),
    "views - zones - back": SimpleButton (
        start_enabled: false,
        default: (
            area: (
                x_axis: (
                    from: (frac: 1, px: -190),
                    dist: (frac: 0, px: 40),
                ),
                y_axis: (
                    from: (frac: 0, px: 10),
                    dist: (frac: 0, px: 480),
                )
            ),
            fill_color: (191,159,23,191),
        ),
    ),
    "views - zones - residential": SimpleButton (
        within: "views - zones - back",
        default: (
            area: (
                x_axis: (
                    from: (frac: 0, px: -70),
                    dist: (frac: 0, px: 100),
                ),
                y_axis: (
                    from: (frac: 0, px: 10),
                    dist: (frac: 0, px: 100),
                )
            ),
            image_path: "buildings/heavyzone.bldg.1.above.png$white_outline",
            image_tint: (0,0x7F,0,0xFF),
            fill_color: (0x3F,0x3F,0x3F,0xFF),
        ),
        while_active: (
            border_color: (0xFF,0xFF,0xFF,0xFF),
        ),
        while_hovered: (
            fill_color: (0x7F,0x7F,0x7F,0xFF),
        ),
    ),
    "views - zones - commercial": SimpleButton (
        within: "views - zones - back",
        default: (
            area: (
                x_axis: (
                    from: (frac: 0, px: -70),
                    dist: (frac: 0, px: 100),
                ),
                y_axis: (
                    from: (frac: 0, px: 130),
                    dist: (frac: 0, px: 100),
                )
            ),
            image_path: "buildings/heavyzone.bldg.1.above.png$white_outline",
            image_tint: (0,0,0xBF,0xFF),
            fill_color: (0x3F,0x3F,0x3F,0xFF),
        ),
        while_active: (
            border_color: (0xFF,0xFF,0xFF,0xFF),
        ),
        while_hovered: (
            fill_color: (0x7F,0x7F,0x7F,0xFF),
        ),
    ),
    "views - zones - industrial": SimpleButton (
        within: "views - zones - back",
        default: (
            area: (
                x_axis: (
                    from: (frac: 0, px: -70),
                    dist: (frac: 0, px: 100),
                ),
                y_axis: (
                    from: (frac: 0, px: 250),
                    dist: (frac: 0, px: 100),
                )
            ),
            image_path: "buildings/heavyzone.bldg.1.above.png$white_outline",
            image_tint: (0xDF,0,0,0xFF),
            fill_color: (0x3F,0x3F,0x3F,0xFF),
        ),
        while_active: (
            border_color: (0xFF,0xFF,0xFF,0xFF),
        ),
        while_hovered: (
            fill_color: (0x7F,0x7F,0x7F,0xFF),
        ),
    ),
    "views - zones - rechecks": SimpleButton (
        within: "views - zones - back",
        default: (
            area: (
                x_axis: (
                    from: (frac: 0, px: -70),
                    dist: (frac: 0, px: 100),
                ),
                y_axis: (
                    from: (frac: 0, px: 370),
                    dist: (frac: 0, px: 100),
                )
            ),
            image_path: "ui2/econ-busy-icon.png",
            image_tint: (0,0,0,0xFF),
            fill_color: (0x3F,0x3F,0x3F,0xFF),
        ),
        while_active: (
            border_color: (0xFF,0xFF,0xFF,0xFF),
        ),
        while_hovered: (
            fill_color: (0x7F,0x7F,0x7F,0xFF),
        ),
    ),
}
