<?php

/**
 * Views class for Shortcode generator options.
 *
 * @link       https://themeatelier.net
 * @since      1.0.0
 *
 * @package darkify
 * @subpackage darkify/src/Admin/Views/ColorControl
 * @author     ThemeAtelier<themeatelierbd@gmail.com>
 */

namespace ThemeAtelier\Darkify\Admin\Views;

use ThemeAtelier\Darkify\Admin\Framework\Classes\Darkify;

class ColorControl
{
    /**
     * Create Option fields for the setting options.
     *
     * @param string $prefix Option setting key prefix.
     * @return void
     */
    public static function options($prefix)
    {
        Darkify::createSection($prefix, array(
            'title'  => esc_html__('COLOR CONTROL', 'darkify'),
            'icon'   => 'icofont-paint',
            'fields' => array(
                array(
                    'type'    => 'heading',
                    'content' => esc_html__('Color Preset', 'darkify'),
                ),
                array(
                    'id'      => 'color_pallets',
                    'type'    => 'palette',
                    'class'    => 'darkify_preset',
                    'title'   => esc_html__('Choose a preset', 'darkify'),
                    'options' => array(
                        'set1'  => array('#0F0F0F', '#BEBEBE', '#2D2D2D', '#4A4A4A', '#2D2D2D'),
                        'set2'  => array('#092635', '#1B4242', '#5C8374', '#9EC8B9', '#5C8374'),
                        'set4'  => array('#363062', '#435585', '#818FB4', '#F5E8C7', '#818FB4'),
                        'set5'  => array('#22092C', '#435585', '#818FB4', '#F5E8C7', '#818FB4'),
                        'set6'  => array('#352F44', '#5C5470', '#B9B4C7', '#FAF0E6', '#B9B4C7'),
                        'set9'  => array('#082032', '#2C394B', '#334756', '#FF4C29', '#334756'),
                        'set10'  => array('#1D2D50', '#133B5C', '#1E5F74', '#FCDAB7', '#1E5F74'),
                        'set11'  => array('#142850', '#27496D', '#0C7B93', '#00A8CC', '#0C7B93'),
                    ),
                    'default' => 'set1',
                ),

                array(
                    'type'    => 'heading',
                    'content' => esc_html__('Color Customization', 'darkify'),
                ),
                // color pallate set 1
                array(
                    'id'    => 'dark_mode_color_set1',
                    'type'    => 'color_group',
                    'title' => esc_html__('Background', 'darkify'),
                    'desc' => esc_html__('Set the background color of your website when dark mode is enabled.', 'darkify'),
                    'dependency' => array('color_pallets', '==', 'set1', 'all'),
                    'options'   => array(
                        'background' => esc_html__('Background Color', 'darkify'),
                        'secondary_background' => esc_html__('Secondary Background', 'darkify'),
                    ),
                    'default' => array(
                        'background' => '#0F0F0F',
                        'secondary_background' => '#171717',
                    ),
                ),
                array(
                    'id'    => 'dark_mode_link_color_set1',
                    'type'    => 'color_group',
                    'title' => esc_html__('Text', 'darkify'),
                    'desc' => esc_html__('Set the text color of your website when dark mode is enabled.', 'darkify'),
                    'dependency' => array('color_pallets', '==', 'set1', 'all'),
                    'options'   => array(
                        'text' => esc_html__('Text Color', 'darkify'),
                        'color' => esc_html__('Link Color', 'darkify'),
                        'hover' => esc_html__('Link Hover Color', 'darkify'),
                    ),
                    'default' => array(
                        'text' => '#BEBEBE',
                        'color' => '#FFFFFF',
                        'hover' => '#CCCCCC',
                    ),
                ),

                array(
                    'id'    => 'dark_mode_input_color_set1',
                    'type'    => 'color_group',
                    'title' => esc_html__('Input', 'darkify'),
                    'desc' => esc_html__('Set the input field color of your website when dark mode is enabled.', 'darkify'),
                    'dependency' => array('color_pallets', '==', 'set1', 'all'),
                    'options'   => array(
                        'background' => esc_html('Input Background', 'darkify'),
                        'color' => esc_html__('Input Text', 'darkify'),
                        'placeholder' => esc_html('Input Placeholder', 'darkify'),
                    ),
                    'class' => 'only_pro',
                    'default' => array(
                        'color' => '#2D2D2D',
                        'placeholder' => '#989898',
                        'background' => '#BEBEBE',
                    ),
                ),

                array(
                    'id'    => 'dark_mode_border_color_set1',
                    'type'    => 'color',
                    'title' => esc_html__('Border', 'darkify'),
                    'desc' => esc_html__('Set the border color of your website when dark mode is enabled.', 'darkify'),
                    'dependency' => array('color_pallets', '==', 'set1', 'all'),
                    'class' => 'only_pro',
                    'default' => '#4A4A4A',
                ),
                array(
                    'id'    => 'dark_mode_btn_color_set1',
                    'type'    => 'color_group',
                    'title' => esc_html__('Button', 'darkify'),
                    'desc' => esc_html__('Set the color of buttons of your website when dark mode is enabled.', 'darkify'),
                    'dependency' => array('color_pallets', '==', 'set1', 'all'),
                    'options'   => array(
                        'background' => esc_html('Button Background', 'darkify'),
                        'color' => esc_html__('Button Text', 'darkify'),
                    ),
                    'class' => 'only_pro',
                    'default' => array(
                        'color' => '#2D2D2D',
                        'background' => '#BEBEBE',
                    ),
                ),

                // color pallate set 2
                array(
                    'id'    => 'dark_mode_color_set2',
                    'type'    => 'color_group',
                    'title' => esc_html__('Background', 'darkify'),
                    'desc' => esc_html__('Set the background color of your website when dark mode is enabled.', 'darkify'),
                    'dependency' => array('color_pallets', '==', 'set2', 'all'),
                    'options'   => array(
                        'background' => esc_html__('Background Color', 'darkify'),
                        'secondary_background' => esc_html__('Secondary Background', 'darkify'),
                    ),
                    'default' => array(
                        'background' => '#092635',
                        'secondary_background' => '#1B4242',
                    ),
                ),
                array(
                    'id'    => 'dark_mode_link_color_set2',
                    'type'    => 'color_group',
                    'title' => esc_html__('Text', 'darkify'),
                    'desc' => esc_html__('Set the text color of your website when dark mode is enabled.', 'darkify'),
                    'dependency' => array('color_pallets', '==', 'set2', 'all'),
                    'options'   => array(
                        'text' => esc_html__('Text Color', 'darkify'),
                        'color' => esc_html__('Link Color', 'darkify'),
                        'hover' => esc_html__('Link Hover Color', 'darkify'),
                    ),
                    'default' => array(
                        'text' => '#9EC8B9',
                        'color' => '#FFFFFF',
                        'hover' => '#9EC8B9',
                    ),
                ),

                array(
                    'id'    => 'dark_mode_input_color_set2',
                    'type'    => 'color_group',
                    'title' => esc_html__('Input', 'darkify'),
                    'desc' => esc_html__('Set the input field color of your website when dark mode is enabled.', 'darkify'),
                    'dependency' => array('color_pallets', '==', 'set2', 'all'),
                    'options'   => array(
                        'color' => esc_html__('Input Text', 'darkify'),
                        'placeholder' => esc_html__('Input Placeholder', 'darkify'),
                        'background' => esc_html__('Input Background', 'darkify'),
                    ),
                    'class' => 'only_pro',
                    'default' => array(
                        'color' => '#092635',
                        'placeholder' => '#989898',
                        'background' => '#BEBEBE',
                    ),
                ),

                array(
                    'id'    => 'dark_mode_border_color_set2',
                    'type'    => 'color',
                    'title' => esc_html__('Border', 'darkify'),
                    'desc' => esc_html__('Set the border color of your website when dark mode is enabled.', 'darkify'),
                    'dependency' => array('color_pallets', '==', 'set2', 'all'),
                    'class' => 'only_pro',
                    'default' => '#5C8374',
                ),
                array(
                    'id'    => 'dark_mode_btn_color_set2',
                    'type'    => 'color_group',
                    'title' => esc_html__('Button', 'darkify'),
                    'desc' => esc_html__('Set the color of buttons of your website when dark mode is enabled.', 'darkify'),
                    'dependency' => array('color_pallets', '==', 'set2', 'all'),
                    'options'   => array(
                        'color' => esc_html__('Button Text', 'darkify'),
                        'background' => esc_html__('Button Background', 'darkify'),
                    ),
                    'class' => 'only_pro',
                    'default' => array(
                        'color' => '#1B4242',
                        'background' => '#BEBEBE',
                    ),
                ),

                // color pallate set 4
                array(
                    'id'    => 'dark_mode_color_set4',
                    'type'    => 'color_group',
                    'title' => esc_html__('Background', 'darkify'),
                    'desc' => esc_html__('Set the background color of your website when dark mode is enabled.', 'darkify'),
                    'dependency' => array('color_pallets', '==', 'set4', 'all'),
                    'options'   => array(
                        'background' => esc_html__('Background Color', 'darkify'),
                        'secondary_background' => esc_html__('Secondary Background', 'darkify'),
                    ),
                    'default' => array(
                        'background' => '#363062',
                        'secondary_background' => '#435585',
                    ),
                ),
                array(
                    'id'    => 'dark_mode_link_color_set4',
                    'type'    => 'color_group',
                    'title' => esc_html__('Text', 'darkify'),
                    'desc' => esc_html__('Set the text color of your website when dark mode is enabled.', 'darkify'),
                    'dependency' => array('color_pallets', '==', 'set4', 'all'),
                    'options'   => array(
                        'text' => esc_html__('Text Color', 'darkify'),
                        'color' => esc_html__('Link Color', 'darkify'),
                        'hover' => esc_html__('Link Hover Color', 'darkify'),
                    ),
                    'default' => array(
                        'text' => '#F5E8C7',
                        'color' => '#FFFFFF',
                        'hover' => '#F5E8C7',
                    ),
                ),

                array(
                    'id'    => 'dark_mode_input_color_set4',
                    'type'    => 'color_group',
                    'title' => esc_html__('Input', 'darkify'),
                    'desc' => esc_html__('Set the input field color of your website when dark mode is enabled.', 'darkify'),
                    'dependency' => array('color_pallets', '==', 'set4', 'all'),
                    'options'   => array(
                        'color' => esc_html__('Input Text', 'darkify'),
                        'placeholder' => esc_html__('Input Placeholder', 'darkify'),
                        'background' => esc_html__('Input Background', 'darkify'),
                    ),
                    'class' => 'only_pro',
                    'default' => array(
                        'color' => '#363062',
                        'placeholder' => '#989898',
                        'background' => '#BEBEBE',
                    ),
                ),

                array(
                    'id'    => 'dark_mode_border_color_set4',
                    'type'    => 'color',
                    'title' => esc_html__('Border', 'darkify'),
                    'desc' => esc_html__('Set the border color of your website when dark mode is enabled.', 'darkify'),
                    'dependency' => array('color_pallets', '==', 'set4', 'all'),
                    'class' => 'only_pro',
                    'default' => '#818FB4',
                ),
                array(
                    'id'    => 'dark_mode_btn_color_set4',
                    'type'    => 'color_group',
                    'title' => esc_html__('Button', 'darkify'),
                    'desc' => esc_html__('Set the color of buttons of your website when dark mode is enabled.', 'darkify'),
                    'dependency' => array('color_pallets', '==', 'set4', 'all'),
                    'options'   => array(
                        'color' => esc_html__('Button Text', 'darkify'),
                        'background' => esc_html__('Button Background', 'darkify'),
                    ),
                    'class' => 'only_pro',
                    'default' => array(
                        'color' => '#435585',
                        'background' => '#BEBEBE',
                    ),
                ),

                // color pallate set 5

                array(
                    'id'    => 'dark_mode_color_set5',
                    'type'    => 'color_group',
                    'title' => esc_html__('Background', 'darkify'),
                    'desc' => esc_html__('Set the background color of your website when dark mode is enabled.', 'darkify'),
                    'dependency' => array('color_pallets', '==', 'set5', 'all'),
                    'options'   => array(
                        'background' => esc_html__('Background Color', 'darkify'),
                        'secondary_background' => esc_html__('Secondary Background', 'darkify'),
                    ),
                    'default' => array(
                        'background' => '#22092C',
                        'secondary_background' => '#435585',
                    ),
                ),
                array(
                    'id'    => 'dark_mode_link_color_set5',
                    'type'    => 'color_group',
                    'title' => esc_html__('Text', 'darkify'),
                    'desc' => esc_html__('Set the text color of your website when dark mode is enabled.', 'darkify'),
                    'dependency' => array('color_pallets', '==', 'set5', 'all'),
                    'options'   => array(
                        'text' => esc_html__('Text Color', 'darkify'),
                        'color' => esc_html__('Link Color', 'darkify'),
                        'hover' => esc_html__('Link Hover Color', 'darkify'),
                    ),
                    'default' => array(
                        'text' => '#F5E8C7',
                        'color' => '#FFFFFF',
                        'hover' => '#F5E8C7',
                    ),
                ),

                array(
                    'id'    => 'dark_mode_input_color_set5',
                    'type'    => 'color_group',
                    'title' => esc_html__('Input', 'darkify'),
                    'desc' => esc_html__('Set the input field color of your website when dark mode is enabled.', 'darkify'),
                    'dependency' => array('color_pallets', '==', 'set5', 'all'),
                    'options'   => array(
                        'color' => esc_html__('Input Text', 'darkify'),
                        'placeholder' => esc_html__('Input Placeholder', 'darkify'),
                        'background' => esc_html__('Input Background', 'darkify'),
                    ),
                    'class' => 'only_pro',
                    'default' => array(
                        'color' => '#22092C',
                        'placeholder' => '#989898',
                        'background' => '#BEBEBE',
                    ),
                ),

                array(
                    'id'    => 'dark_mode_border_color_set5',
                    'type'    => 'color',
                    'title' => esc_html__('Border', 'darkify'),
                    'desc' => esc_html__('Set the border color of your website when dark mode is enabled.', 'darkify'),
                    'dependency' => array('color_pallets', '==', 'set5', 'all'),
                    'class' => 'only_pro',
                    'default' => '#818FB4',
                ),
                array(
                    'id'    => 'dark_mode_btn_color_set5',
                    'type'    => 'color_group',
                    'title' => esc_html__('Button', 'darkify'),
                    'desc' => esc_html__('Set the color of buttons of your website when dark mode is enabled.', 'darkify'),
                    'dependency' => array('color_pallets', '==', 'set5', 'all'),
                    'options'   => array(
                        'color' => esc_html__('Button Text', 'darkify'),
                        'background' => esc_html__('Button Background', 'darkify'),
                    ),
                    'class' => 'only_pro',
                    'default' => array(
                        'color' => '#435585',
                        'background' => '#BEBEBE',
                    ),
                ),

                // color pallate set 6

                array(
                    'id'    => 'dark_mode_color_set6',
                    'type'    => 'color_group',
                    'title' => esc_html__('Background', 'darkify'),
                    'desc' => esc_html__('Set the background color of your website when dark mode is enabled.', 'darkify'),
                    'dependency' => array('color_pallets', '==', 'set6', 'all'),
                    'options'   => array(
                        'background' => esc_html__('Background Color', 'darkify'),
                        'secondary_background' => esc_html__('Secondary Background', 'darkify'),
                    ),
                    'default' => array(
                        'background' => '#352F44',
                        'secondary_background' => '#5C5470',
                    ),
                ),
                array(
                    'id'    => 'dark_mode_link_color_set6',
                    'type'    => 'color_group',
                    'title' => esc_html__('Text', 'darkify'),
                    'desc' => esc_html__('Set the text color of your website when dark mode is enabled.', 'darkify'),
                    'dependency' => array('color_pallets', '==', 'set6', 'all'),
                    'options'   => array(
                        'text' => esc_html__('Text Color', 'darkify'),
                        'color' => esc_html__('Link Color', 'darkify'),
                        'hover' => esc_html__('Link Hover Color', 'darkify'),
                    ),
                    'default' => array(
                        'text' => '#FAF0E6',
                        'color' => '#FFFFFF',
                        'hover' => '#FAF0E6',
                    ),
                ),

                array(
                    'id'    => 'dark_mode_input_color_set6',
                    'type'    => 'color_group',
                    'title' => esc_html__('Input', 'darkify'),
                    'desc' => esc_html__('Set the input field color of your website when dark mode is enabled.', 'darkify'),
                    'dependency' => array('color_pallets', '==', 'set6', 'all'),
                    'options'   => array(
                        'color' => esc_html__('Input Text', 'darkify'),
                        'placeholder' => esc_html__('Input Placeholder', 'darkify'),
                        'background' => esc_html__('Input Background', 'darkify'),
                    ),
                    'class' => 'only_pro',
                    'default' => array(
                        'color' => '#352F44',
                        'placeholder' => '#989898',
                        'background' => '#BEBEBE',
                    ),
                ),

                array(
                    'id'    => 'dark_mode_border_color_set6',
                    'type'    => 'color',
                    'title' => esc_html__('Border', 'darkify'),
                    'desc' => esc_html__('Set the border color of your website when dark mode is enabled.', 'darkify'),
                    'dependency' => array('color_pallets', '==', 'set6', 'all'),
                    'class' => 'only_pro',
                    'default' => '#5C5470',
                ),
                array(
                    'id'    => 'dark_mode_btn_color_set6',
                    'type'    => 'color_group',
                    'title' => esc_html__('Button', 'darkify'),
                    'desc' => esc_html__('Set the color of buttons of your website when dark mode is enabled.', 'darkify'),
                    'dependency' => array('color_pallets', '==', 'set6', 'all'),
                    'options'   => array(
                        'color' => esc_html__('Button Text', 'darkify'),
                        'background' => esc_html__('Button Background', 'darkify'),
                    ),
                    'class' => 'only_pro',
                    'default' => array(
                        'color' => '#5C5470',
                        'background' => '#BEBEBE',
                    ),
                ),


                // color pallate set 9

                array(
                    'id'    => 'dark_mode_color_set9',
                    'type'    => 'color_group',
                    'title' => esc_html__('Background', 'darkify'),
                    'desc' => esc_html__('Set the background color of your website when dark mode is enabled.', 'darkify'),
                    'dependency' => array('color_pallets', '==', 'set9', 'all'),
                    'options'   => array(
                        'background' => esc_html__('Background Color', 'darkify'),
                        'secondary_background' => esc_html__('Secondary Background', 'darkify'),
                    ),
                    'default' => array(
                        'background' => '#082032',
                        'secondary_background' => '#2C394B',
                    ),
                ),
                array(
                    'id'    => 'dark_mode_link_color_set9',
                    'type'    => 'color_group',
                    'title' => esc_html__('Text', 'darkify'),
                    'desc' => esc_html__('Set the text color of your website when dark mode is enabled.', 'darkify'),
                    'dependency' => array('color_pallets', '==', 'set9', 'all'),
                    'options'   => array(
                        'text' => esc_html__('Text Color', 'darkify'),
                        'color' => esc_html__('Link Color', 'darkify'),
                        'hover' => esc_html__('Link Hover Color', 'darkify'),
                    ),
                    'default' => array(
                        'text' => '#FF4C29',
                        'color' => '#FFFFFF',
                        'hover' => '#CCCCCC',
                    ),
                ),

                array(
                    'id'    => 'dark_mode_input_color_set9',
                    'type'    => 'color_group',
                    'title' => esc_html__('Input', 'darkify'),
                    'desc' => esc_html__('Set the input field color of your website when dark mode is enabled.', 'darkify'),
                    'dependency' => array('color_pallets', '==', 'set9', 'all'),
                    'options'   => array(
                        'color' => esc_html__('Input Text', 'darkify'),
                        'placeholder' => esc_html__('Input Placeholder', 'darkify'),
                        'background' => esc_html__('Input Background', 'darkify'),
                    ),
                    'class' => 'only_pro',
                    'default' => array(
                        'color' => '#334756',
                        'placeholder' => '#989898',
                        'background' => '#BEBEBE',
                    ),
                ),

                array(
                    'id'    => 'dark_mode_border_color_set9',
                    'type'    => 'color',
                    'title' => esc_html__('Border', 'darkify'),
                    'desc' => esc_html__('Set the border color of your website when dark mode is enabled.', 'darkify'),
                    'dependency' => array('color_pallets', '==', 'set9', 'all'),
                    'class' => 'only_pro',
                    'default' => '#334756',
                ),
                array(
                    'id'    => 'dark_mode_btn_color_set9',
                    'type'    => 'color_group',
                    'title' => esc_html__('Button', 'darkify'),
                    'desc' => esc_html__('Set the color of buttons of your website when dark mode is enabled.', 'darkify'),
                    'dependency' => array('color_pallets', '==', 'set9', 'all'),
                    'options'   => array(
                        'color' => esc_html__('Button Text', 'darkify'),
                        'background' => esc_html__('Button Background', 'darkify'),
                    ),
                    'class' => 'only_pro',
                    'default' => array(
                        'color' => '#2C394B',
                        'background' => '#BEBEBE',
                    ),
                ),

                // color pallate set 10
                array(
                    'id'    => 'dark_mode_color_set10',
                    'type'    => 'color_group',
                    'title' => esc_html__('Background', 'darkify'),
                    'desc' => esc_html__('Set the background color of your website when dark mode is enabled.', 'darkify'),
                    'dependency' => array('color_pallets', '==', 'set10', 'all'),
                    'options'   => array(
                        'background' => esc_html__('Background Color', 'darkify'),
                        'secondary_background' => esc_html__('Secondary Background', 'darkify'),
                    ),
                    'default' => array(
                        'background' => '#1D2D50',
                        'secondary_background' => '#133B5C',
                    ),
                ),
                array(
                    'id'    => 'dark_mode_link_color_set10',
                    'type'    => 'color_group',
                    'title' => esc_html__('Text', 'darkify'),
                    'desc' => esc_html__('Set the text color of your website when dark mode is enabled.', 'darkify'),
                    'dependency' => array('color_pallets', '==', 'set10', 'all'),
                    'options'   => array(
                        'text' => esc_html__('Text Color', 'darkify'),
                        'color' => esc_html__('Link Color', 'darkify'),
                        'hover' => esc_html__('Link Hover Color', 'darkify'),
                    ),
                    'default' => array(
                        'text' => '#FCDAB7',
                        'color' => '#FFFFFF',
                        'hover' => '#FCDAB7',
                    ),
                ),

                array(
                    'id'    => 'dark_mode_input_color_set10',
                    'type'    => 'color_group',
                    'title' => esc_html__('Input', 'darkify'),
                    'desc' => esc_html__('Set the input field color of your website when dark mode is enabled.', 'darkify'),
                    'dependency' => array('color_pallets', '==', 'set10', 'all'),
                    'options'   => array(
                        'color' => esc_html__('Input Text', 'darkify'),
                        'placeholder' => esc_html__('Input Placeholder', 'darkify'),
                        'background' => esc_html__('Input Background', 'darkify'),
                    ),
                    'class' => 'only_pro',
                    'default' => array(
                        'color' => '#1E5F74',
                        'placeholder' => '#989898',
                        'background' => '#BEBEBE',
                    ),
                ),

                array(
                    'id'    => 'dark_mode_border_color_set10',
                    'type'    => 'color',
                    'title' => esc_html__('Border', 'darkify'),
                    'desc' => esc_html__('Set the border color of your website when dark mode is enabled.', 'darkify'),
                    'dependency' => array('color_pallets', '==', 'set10', 'all'),
                    'class' => 'only_pro',
                    'default' => '#1E5F74',
                ),
                array(
                    'id'    => 'dark_mode_btn_color_set10',
                    'type'    => 'color_group',
                    'title' => esc_html__('Button', 'darkify'),
                    'desc' => esc_html__('Set the color of buttons of your website when dark mode is enabled.', 'darkify'),
                    'dependency' => array('color_pallets', '==', 'set10', 'all'),
                    'options'   => array(
                        'color' => esc_html__('Button Text', 'darkify'),
                        'background' => esc_html__('Button Background', 'darkify'),
                    ),
                    'class' => 'only_pro',
                    'default' => array(
                        'color' => '#133B5C',
                        'background' => '#BEBEBE',
                    ),
                ),

                // color pallate set 11
                array(
                    'id'    => 'dark_mode_color_set11',
                    'type'    => 'color_group',
                    'title' => esc_html__('Background', 'darkify'),
                    'desc' => esc_html__('Set the background color of your website when dark mode is enabled.', 'darkify'),
                    'dependency' => array('color_pallets', '==', 'set11', 'all'),
                    'options'   => array(
                        'background' => esc_html__('Background Color', 'darkify'),
                        'secondary_background' => esc_html__('Secondary Background', 'darkify'),
                    ),
                    'default' => array(
                        'background' => '#142850',
                        'secondary_background' => '#27496D',
                    ),
                ),
                array(
                    'id'    => 'dark_mode_link_color_set11',
                    'type'    => 'color_group',
                    'title' => esc_html__('Text', 'darkify'),
                    'desc' => esc_html__('Set the text color of your website when dark mode is enabled.', 'darkify'),
                    'dependency' => array('color_pallets', '==', 'set11', 'all'),
                    'options'   => array(
                        'text' => esc_html__('Text Color', 'darkify'),
                        'color' => esc_html__('Link Color', 'darkify'),
                        'hover' => esc_html__('Link Hover Color', 'darkify'),
                    ),
                    'default' => array(
                        'text' => '#00A8CC',
                        'color' => '#FFFFFF',
                        'hover' => '#00A8CC',
                    ),
                ),

                array(
                    'id'    => 'dark_mode_input_color_set11',
                    'type'    => 'color_group',
                    'title' => esc_html__('Input', 'darkify'),
                    'desc' => esc_html__('Set the input field color of your website when dark mode is enabled.', 'darkify'),
                    'dependency' => array('color_pallets', '==', 'set11', 'all'),
                    'options'   => array(
                        'color' => esc_html__('Input Text', 'darkify'),
                        'placeholder' => esc_html__('Input Placeholder', 'darkify'),
                        'background' => esc_html__('Input Background', 'darkify'),
                    ),
                    'class' => 'only_pro',
                    'default' => array(
                        'color' => '#0C7B93',
                        'placeholder' => '#989898',
                        'background' => '#BEBEBE',
                    ),
                ),

                array(
                    'id'    => 'dark_mode_border_color_set11',
                    'type'    => 'color',
                    'title' => esc_html__('Border', 'darkify'),
                    'desc' => esc_html__('Set the border color of your website when dark mode is enabled.', 'darkify'),
                    'dependency' => array('color_pallets', '==', 'set11', 'all'),
                    'class' => 'only_pro',
                    'default' => '#0C7B93',
                ),
                array(
                    'id'    => 'dark_mode_btn_color_set11',
                    'type'    => 'color_group',
                    'title' => esc_html__('Button', 'darkify'),
                    'desc' => esc_html__('Set the color of buttons of your website when dark mode is enabled.', 'darkify'),
                    'dependency' => array('color_pallets', '==', 'set11', 'all'),
                    'options'   => array(
                        'color' => esc_html__('Button Text', 'darkify'),
                        'background' => esc_html__('Button Background', 'darkify'),
                    ),
                    'class' => 'only_pro',
                    'default' => array(
                        'color' => '#27496D',
                        'background' => '#BEBEBE',
                    ),
                ),
                array(
                    'type'    => 'heading',
                    'content' => esc_html__('Scrollbar Customization', 'darkify'),
                ),
                array(
                    'id' => 'enable_scrollbar_dark',
                    'type'  => 'switcher',
                    'title' => esc_html__('Enable Dark Mode on Scrollbar', 'darkify'),
                    'desc' => esc_html__('Want to enable dark mode on the scrollbar of the website?', 'darkify'),
                    'text_on'    => esc_html__('Enabled', 'darkify-pro'),
                    'text_off'    => esc_html__('Disabled', 'darkify-pro'),
                    'text_width' => 100,
                    'default' => true,
                ),
                array(
                    'id' => 'dark_mode_scrollbar_track_bg',
                    'type'  => 'color',
                    'title' => esc_html__('Scrollbar Track Background Color', 'darkify'),
                    'desc' => esc_html__('Set the background color of scrollbars track when dark mode is enabled.', 'darkify'),
                    'default' => '#29292a',
                    'class' => 'only_pro',
                    'dependency' => array('enable_scrollbar_dark', '==', true),
                ),
                array(
                    'id' => 'dark_mode_scrollbar_thumb_bg',
                    'type'  => 'color',
                    'title' => esc_html__('Scrollbar Thumb Background Color', 'darkify'),
                    'desc' => esc_html__('Set the background color of scrollbars thumb when dark mode is enabled.', 'darkify'),
                    'default' => '#52565a',
                    'class' => 'only_pro',
                    'dependency' => array('enable_scrollbar_dark', '==', true),
                ),
            )
        ));
    }
}