Color scheme select (Reduxframework)

I am trying to use the Redux Color Schemes function outlined here http://docs.reduxframework.com/extensions/color-schemes/

I have the following code in options-init.php (as its own section), however only the title shows.

$this->sections[] = array(
    'icon'      => 'el-icon-tint',
    'title'     => __('Color Schemes', 'redux-framework-demo'),
    'fields'    => array(

        'id'            => 'opt-color-schemes',
        'type'          => 'color_scheme',
        'title'         => 'Color Schemes',
        'subtitle'      => 'Save and load color schemes',
        'output'        => true,
        'compiler'      => true,
        'simple'        => false,
        'groups'        => array(
            'Body'      => 'Set body and content colors here.',
            'Navbar'    => 'Set Navbar background and color',
            ''          => 'These colors are not assigned to any group.'
        ),
        'default'       => array(
            array(
                'id'        => 'body-text',
                'title'     => 'Body text',
                'color'     => '#fdfdfd',
                'alpha'     => 1,
                'selector'  => 'body',
                'mode'      => 'color',
                'important' => true,
                'group'     => 'Body'
            ),
            array(
                'id'        => 'body-background',
                'title'     => 'Body background',
                'color'     => '#ededed',
                'alpha'     => .5,
                'selector'  => 'body',
                'mode'      => 'background-color',
                'important' => false,
                'group'     => 'Body'
            ),
            array(
                'id'        => 'navbar-text',
                'title'     => 'Navbar text',
                'color'     => '#fdfdfd',
                'alpha'     => 1,
                'selector'  => '#masthead',
                'mode'      => 'color',
                'important' => true,
                'group'     => 'Navbar'
            ),
            array(
                'id'        => 'navbar-background',
                'title'     => 'Navbar background',
                'color'     => '#ededed',
                'alpha'     => .5,
                'selector'  => '#masthead',
                'mode'      => 'background-color',
                'important' => false,
                'group'     => 'Navbar'
            ),
        ),
    )
);

What amendments are needed so that the color scheme selector displays?