*/
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__('COLORS', 'darkify'),
'icon' => 'icofont-paint',
'fields' => array(
array(
'type' => 'section_tab',
'tabs' => array(
array(
'title' => esc_html__('Preset', 'darkify'),
'icon' => 'icofont-color-bucket',
'fields' => array(
array(
'id' => 'color_pallets',
'type' => 'palette',
'class' => 'darkify_preset',
'title' => esc_html__('Choose A Preset', 'darkify'),
'title_help' => '' . __( 'Choose from pre-made dark mode color presets.', 'darkify' ) . '
' . __( 'Live Demo', 'darkify' ) . '' . __( 'Open Docs', 'darkify' ) . '',
'options' => array(
'set1' => array('#0F0F0F', '#BEBEBE', '#2D2D2D', '#4A4A4A', '#2D2D2D'),
'set2' => array('#092635', '#1B4242', '#5C8374', '#9EC8B9', '#5C8374'),
'set3' => array('#363062', '#435585', '#818FB4', '#F5E8C7', '#818FB4'),
'set4' => array('#22092C', '#435585', '#818FB4', '#F5E8C7', '#818FB4'),
'set5' => array('#352F44', '#5C5470', '#B9B4C7', '#FAF0E6', '#B9B4C7'),
'set6' => array('#082032', '#2C394B', '#334756', '#FF4C29', '#334756'),
'set7' => array('#1D2D50', '#133B5C', '#1E5F74', '#FCDAB7', '#1E5F74'),
'set8' => array('#142850', '#27496D', '#0C7B93', '#00A8CC', '#0C7B93'),
),
'default' => 'set1',
),
array(
'type' => 'subheading',
'title' => esc_html__('Customize Selected Preset', 'darkify'),
),
// color pallate set 1
array(
'id' => 'dark_mode_color_set1',
'type' => 'color_group',
'title' => esc_html__('Background', 'darkify'),
'title_help' => '' . __('Set the background color of your website when dark mode is enabled.', 'darkify') . '
',
'dependency' => array('color_pallets', '==', 'set1', 'all'),
'options' => array(
'background' => esc_html__('Primary BG', 'darkify'),
'secondary_background' => esc_html__('Secondary BG', 'darkify'),
),
'default' => array(
'background' => '#0F0F0F',
'secondary_background' => '#171717',
),
),
array(
'id' => 'dark_mode_link_color_set1',
'type' => 'color_group',
'title' => esc_html__('Text', 'darkify'),
'title_help' => '' . __('Set the text color of your website when dark mode is enabled.', 'darkify') . '
',
'dependency' => array('color_pallets', '==', 'set1', 'all'),
'class' => 'only_pro',
'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'),
'title_help' => '' . __('Set the input field color of your website when dark mode is enabled.', 'darkify') . '
',
'dependency' => array('color_pallets', '==', 'set1', 'all'),
'class' => 'only_pro',
'options' => array(
'color' => esc_html__('Input Text', 'darkify'),
'placeholder' => esc_html('Input Placeholder', 'darkify'),
'background' => esc_html('Input Background', 'darkify'),
),
'default' => array(
'color' => '#2D2D2D',
'placeholder' => '#989898',
'background' => '#BEBEBE',
),
),
array(
'id' => 'dark_mode_border_color_set1',
'type' => 'color',
'title' => esc_html__('Border', 'darkify'),
'title_help' => '' . __('Set the border color of your website when dark mode is enabled.', 'darkify') . '
',
'class' => 'only_pro',
'dependency' => array('color_pallets', '==', 'set1', 'all'),
'default' => '#4A4A4A',
),
array(
'id' => 'dark_mode_btn_color_set1',
'type' => 'color_group',
'title' => esc_html__('Button', 'darkify'),
'title_help' => '' . __('Set the color of buttons of your website when dark mode is enabled.', 'darkify') . '
',
'class' => 'only_pro',
'dependency' => array('color_pallets', '==', 'set1', 'all'),
'options' => array(
'color' => esc_html__('Button Text', 'darkify'),
'background' => esc_html('Button Background', 'darkify'),
),
'default' => array(
'color' => '#2D2D2D',
'background' => '#BEBEBE',
),
),
// color pallate set 2
array(
'id' => 'dark_mode_color_set2',
'type' => 'color_group',
'title' => esc_html__('Background', 'darkify'),
'title_help' => '' . __( 'Set the background color of your website when dark mode is enabled.', 'darkify' ) . '
',
'dependency' => array('color_pallets', '==', 'set2', 'all'),
'options' => array(
'background' => esc_html__('Primary BG', 'darkify'),
'secondary_background' => esc_html__('Secondary BG', 'darkify'),
),
'default' => array(
'background' => '#092635',
'secondary_background' => '#1B4242',
),
),
array(
'id' => 'dark_mode_link_color_set2',
'type' => 'color_group',
'title' => esc_html__('Text', 'darkify'),
'title_help' => '' . __('Set the text color of your website when dark mode is enabled.', 'darkify') . '
',
'class' => 'only_pro',
'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'),
'title_help' => '' . __('Set the input field color of your website when dark mode is enabled.', 'darkify') . '
',
'class' => 'only_pro',
'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'),
),
'default' => array(
'color' => '#092635',
'placeholder' => '#989898',
'background' => '#BEBEBE',
),
),
array(
'id' => 'dark_mode_border_color_set2',
'type' => 'color',
'title' => esc_html__('Border', 'darkify'),
'title_help' => '' . __('Set the border color of your website when dark mode is enabled.', 'darkify') . '
',
'class' => 'only_pro',
'dependency' => array('color_pallets', '==', 'set2', 'all'),
'default' => '#5C8374',
),
array(
'id' => 'dark_mode_btn_color_set2',
'type' => 'color_group',
'title' => esc_html__('Button', 'darkify'),
'title_help' => '' . __('Set the color of buttons of your website when dark mode is enabled.', 'darkify') . '
',
'class' => 'only_pro',
'dependency' => array('color_pallets', '==', 'set2', 'all'),
'options' => array(
'color' => esc_html__('Button Text', 'darkify'),
'background' => esc_html('Button Background', 'darkify'),
),
'default' => array(
'color' => '#1B4242',
'background' => '#BEBEBE',
),
),
// color pallate set 3
array(
'id' => 'dark_mode_color_set3',
'type' => 'color_group',
'title' => esc_html__('Background', 'darkify'),
'title_help' => '' . __('Set the background color of your website when dark mode is enabled.', 'darkify') . '
',
'dependency' => array('color_pallets', '==', 'set3', 'all'),
'options' => array(
'background' => esc_html__('Primary BG', 'darkify'),
'secondary_background' => esc_html__('Secondary BG', 'darkify'),
),
'default' => array(
'background' => '#363062',
'secondary_background' => '#435585',
),
),
array(
'id' => 'dark_mode_link_color_set3',
'type' => 'color_group',
'title' => esc_html__('Text', 'darkify'),
'title_help' => '' . __('Set the text color of your website when dark mode is enabled.', 'darkify') . '
',
'class' => 'only_pro',
'dependency' => array('color_pallets', '==', 'set3', '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_set3',
'type' => 'color_group',
'title' => esc_html__('Input', 'darkify'),
'title_help' => '' . __('Set the input field color of your website when dark mode is enabled.', 'darkify') . '
',
'class' => 'only_pro',
'dependency' => array('color_pallets', '==', 'set3', 'all'),
'options' => array(
'color' => esc_html__('Input Text', 'darkify'),
'placeholder' => esc_html('Input Placeholder', 'darkify'),
'background' => esc_html('Input Background', 'darkify'),
),
'default' => array(
'color' => '#363062',
'placeholder' => '#989898',
'background' => '#BEBEBE',
),
),
array(
'id' => 'dark_mode_border_color_set3',
'type' => 'color',
'title' => esc_html__('Border', 'darkify'),
'title_help' => '' . __('Set the border color of your website when dark mode is enabled.', 'darkify') . '
',
'class' => 'only_pro',
'dependency' => array('color_pallets', '==', 'set3', 'all'),
'default' => '#818FB4',
),
array(
'id' => 'dark_mode_btn_color_set3',
'type' => 'color_group',
'title' => esc_html__('Button', 'darkify'),
'title_help' => '' . __('Set the color of buttons of your website when dark mode is enabled.', 'darkify') . '
',
'class' => 'only_pro',
'dependency' => array('color_pallets', '==', 'set3', 'all'),
'options' => array(
'color' => esc_html__('Button Text', 'darkify'),
'background' => esc_html('Button Background', 'darkify'),
),
'default' => array(
'color' => '#435585',
'background' => '#BEBEBE',
),
),
// color pallate set 4
array(
'id' => 'dark_mode_color_set4',
'type' => 'color_group',
'title' => esc_html__('Background', 'darkify'),
'title_help' => '' . __('Set the background color of your website when dark mode is enabled.', 'darkify') . '
',
'dependency' => array('color_pallets', '==', 'set4', 'all'),
'options' => array(
'background' => esc_html__('Primary BG', 'darkify'),
'secondary_background' => esc_html__('Secondary BG', 'darkify'),
),
'default' => array(
'background' => '#22092C',
'secondary_background' => '#435585',
),
),
array(
'id' => 'dark_mode_link_color_set4',
'type' => 'color_group',
'title' => esc_html__('Text', 'darkify'),
'title_help' => '' . __('Set the text color of your website when dark mode is enabled.', 'darkify') . '
',
'class' => 'only_pro',
'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'),
'title_help' => '' . __('Set the input field color of your website when dark mode is enabled.', 'darkify') . '
',
'class' => 'only_pro',
'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'),
),
'default' => array(
'color' => '#22092C',
'placeholder' => '#989898',
'background' => '#BEBEBE',
),
),
array(
'id' => 'dark_mode_border_color_set4',
'type' => 'color',
'title' => esc_html__('Border', 'darkify'),
'title_help' => '' . __('Set the border color of your website when dark mode is enabled.', 'darkify') . '
',
'class' => 'only_pro',
'dependency' => array('color_pallets', '==', 'set4', 'all'),
'default' => '#818FB4',
),
array(
'id' => 'dark_mode_btn_color_set4',
'type' => 'color_group',
'title' => esc_html__('Button', 'darkify'),
'title_help' => '' . __('Set the color of buttons of your website when dark mode is enabled.', 'darkify') . '
',
'class' => 'only_pro',
'dependency' => array('color_pallets', '==', 'set4', 'all'),
'options' => array(
'color' => esc_html__('Button Text', 'darkify'),
'background' => esc_html('Button Background', 'darkify'),
),
'default' => array(
'color' => '#435585',
'background' => '#BEBEBE',
),
),
// color pallate set 5
array(
'id' => 'dark_mode_color_set5',
'type' => 'color_group',
'title' => esc_html__('Background', 'darkify'),
'title_help' => '' . __('Set the background color of your website when dark mode is enabled.', 'darkify') . '
',
'dependency' => array('color_pallets', '==', 'set5', 'all'),
'options' => array(
'background' => esc_html__('Primary BG', 'darkify'),
'secondary_background' => esc_html__('Secondary BG', 'darkify'),
),
'default' => array(
'background' => '#352F44',
'secondary_background' => '#5C5470',
),
),
array(
'id' => 'dark_mode_link_color_set5',
'type' => 'color_group',
'title' => esc_html__('Text', 'darkify'),
'title_help' => '' . __('Set the text color of your website when dark mode is enabled.', 'darkify') . '
',
'class' => 'only_pro',
'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' => '#FAF0E6',
'color' => '#FFFFFF',
'hover' => '#FAF0E6',
),
),
array(
'id' => 'dark_mode_input_color_set5',
'type' => 'color_group',
'title' => esc_html__('Input', 'darkify'),
'title_help' => '' . __('Set the input field color of your website when dark mode is enabled.', 'darkify') . '
',
'class' => 'only_pro',
'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'),
),
'default' => array(
'color' => '#352F44',
'placeholder' => '#989898',
'background' => '#BEBEBE',
),
),
array(
'id' => 'dark_mode_border_color_set5',
'type' => 'color',
'title' => esc_html__('Border', 'darkify'),
'title_help' => '' . __('Set the border color of your website when dark mode is enabled.', 'darkify') . '
',
'class' => 'only_pro',
'dependency' => array('color_pallets', '==', 'set5', 'all'),
'default' => '#5C5470',
),
array(
'id' => 'dark_mode_btn_color_set5',
'type' => 'color_group',
'title' => esc_html__('Button', 'darkify'),
'title_help' => '' . __('Set the color of buttons of your website when dark mode is enabled.', 'darkify') . '
',
'class' => 'only_pro',
'dependency' => array('color_pallets', '==', 'set5', 'all'),
'options' => array(
'color' => esc_html__('Button Text', 'darkify'),
'background' => esc_html('Button Background', 'darkify'),
),
'default' => array(
'color' => '#5C5470',
'background' => '#BEBEBE',
),
),
// color pallate set 6
array(
'id' => 'dark_mode_color_set6',
'type' => 'color_group',
'title' => esc_html__('Background', 'darkify'),
'title_help' => '' . __('Set the background color of your website when dark mode is enabled.', 'darkify') . '
',
'dependency' => array('color_pallets', '==', 'set6', 'all'),
'options' => array(
'background' => esc_html__('Primary BG', 'darkify'),
'secondary_background' => esc_html__('Secondary BG', 'darkify'),
),
'default' => array(
'background' => '#082032',
'secondary_background' => '#2C394B',
),
),
array(
'id' => 'dark_mode_link_color_set6',
'type' => 'color_group',
'title' => esc_html__('Text', 'darkify'),
'title_help' => '' . __('Set the text color of your website when dark mode is enabled.', 'darkify') . '
',
'class' => 'only_pro',
'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' => '#FF4C29',
'color' => '#FFFFFF',
'hover' => '#CCCCCC',
),
),
array(
'id' => 'dark_mode_input_color_set6',
'type' => 'color_group',
'title' => esc_html__('Input', 'darkify'),
'title_help' => '' . __('Set the input field color of your website when dark mode is enabled.', 'darkify') . '
',
'class' => 'only_pro',
'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'),
),
'default' => array(
'color' => '#334756',
'placeholder' => '#989898',
'background' => '#BEBEBE',
),
),
array(
'id' => 'dark_mode_border_color_set6',
'type' => 'color',
'title' => esc_html__('Border', 'darkify'),
'title_help' => '' . __('Set the border color of your website when dark mode is enabled.', 'darkify') . '
',
'class' => 'only_pro',
'dependency' => array('color_pallets', '==', 'set6', 'all'),
'default' => '#334756',
),
array(
'id' => 'dark_mode_btn_color_set6',
'type' => 'color_group',
'title' => esc_html__('Button', 'darkify'),
'title_help' => '' . __('Set the color of buttons of your website when dark mode is enabled.', 'darkify') . '
',
'class' => 'only_pro',
'dependency' => array('color_pallets', '==', 'set6', 'all'),
'options' => array(
'color' => esc_html__('Button Text', 'darkify'),
'background' => esc_html('Button Background', 'darkify'),
),
'default' => array(
'color' => '#2C394B',
'background' => '#BEBEBE',
),
),
// color pallate set 7
array(
'id' => 'dark_mode_color_set7',
'type' => 'color_group',
'title' => esc_html__('Background', 'darkify'),
'title_help' => '' . __('Set the background color of your website when dark mode is enabled.', 'darkify') . '
',
'dependency' => array('color_pallets', '==', 'set7', 'all'),
'options' => array(
'background' => esc_html__('Primary BG', 'darkify'),
'secondary_background' => esc_html__('Secondary BG', 'darkify'),
),
'default' => array(
'background' => '#1D2D50',
'secondary_background' => '#133B5C',
),
),
array(
'id' => 'dark_mode_link_color_set7',
'type' => 'color_group',
'title' => esc_html__('Text', 'darkify'),
'title_help' => '' . __('Set the text color of your website when dark mode is enabled.', 'darkify') . '
',
'class' => 'only_pro',
'dependency' => array('color_pallets', '==', 'set7', '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_set7',
'type' => 'color_group',
'title' => esc_html__('Input', 'darkify'),
'title_help' => '' . __( 'Set the input field color of your website when dark mode is enabled.', 'darkify' ) . '
',
'class' => 'only_pro',
'dependency' => array('color_pallets', '==', 'set7', 'all'),
'options' => array(
'color' => esc_html__('Input Text', 'darkify'),
'placeholder' => esc_html('Input Placeholder', 'darkify'),
'background' => esc_html('Input Background', 'darkify'),
),
'default' => array(
'color' => '#1E5F74',
'placeholder' => '#989898',
'background' => '#BEBEBE',
),
),
array(
'id' => 'dark_mode_border_color_set7',
'type' => 'color',
'title' => esc_html__('Border', 'darkify'),
'title_help' => '' . __( 'Set the border color of your website when dark mode is enabled.', 'darkify' ) . '
',
'class' => 'only_pro',
'dependency' => array('color_pallets', '==', 'set7', 'all'),
'default' => '#1E5F74',
),
array(
'id' => 'dark_mode_btn_color_set7',
'type' => 'color_group',
'title' => esc_html__('Button', 'darkify'),
'title_help' => '' . __( 'Set the color of buttons of your website when dark mode is enabled.', 'darkify' ) . '
',
'class' => 'only_pro',
'dependency' => array('color_pallets', '==', 'set7', 'all'),
'options' => array(
'color' => esc_html__('Button Text', 'darkify'),
'background' => esc_html('Button Background', 'darkify'),
),
'default' => array(
'color' => '#133B5C',
'background' => '#BEBEBE',
),
),
// color pallate set 8
array(
'id' => 'dark_mode_color_set8',
'type' => 'color_group',
'title' => esc_html__('Background', 'darkify'),
'title_help' => '' . __( 'Set the background color of your website when dark mode is enabled.', 'darkify' ) . '
',
'dependency' => array('color_pallets', '==', 'set8', 'all'),
'options' => array(
'background' => esc_html__('Primary BG', 'darkify'),
'secondary_background' => esc_html__('Secondary BG', 'darkify'),
),
'default' => array(
'background' => '#142850',
'secondary_background' => '#27496D',
),
),
array(
'id' => 'dark_mode_link_color_set8',
'type' => 'color_group',
'title' => esc_html__('Text', 'darkify'),
'title_help' => '' . __( 'Set the text color of your website when dark mode is enabled.', 'darkify' ) . '
',
'class' => 'only_pro',
'dependency' => array('color_pallets', '==', 'set8', '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_set8',
'type' => 'color_group',
'title' => esc_html__('Input', 'darkify'),
'title_help' => '' . __( 'Set the input field color of your website when dark mode is enabled.', 'darkify' ) . '
',
'class' => 'only_pro',
'dependency' => array('color_pallets', '==', 'set8', 'all'),
'options' => array(
'color' => esc_html__('Input Text', 'darkify'),
'placeholder' => esc_html('Input Placeholder', 'darkify'),
'background' => esc_html('Input Background', 'darkify'),
),
'default' => array(
'color' => '#0C7B93',
'placeholder' => '#989898',
'background' => '#BEBEBE',
),
),
array(
'id' => 'dark_mode_border_color_set8',
'type' => 'color',
'title' => esc_html__('Border', 'darkify'),
'title_help' => '' . __( 'Set the border color of your website when dark mode is enabled.', 'darkify' ) . '
',
'class' => 'only_pro',
'dependency' => array('color_pallets', '==', 'set8', 'all'),
'default' => '#0C7B93',
),
array(
'id' => 'dark_mode_btn_color_set8',
'type' => 'color_group',
'title' => esc_html__('Button', 'darkify'),
'title_help' => '' . __( 'Set the color of buttons of your website when dark mode is enabled.', 'darkify' ) . '
',
'class' => 'only_pro',
'dependency' => array('color_pallets', '==', 'set8', 'all'),
'options' => array(
'color' => esc_html__('Button Text', 'darkify'),
'background' => esc_html('Button Background', 'darkify'),
),
'default' => array(
'color' => '#27496D',
'background' => '#BEBEBE',
),
),
)
),
array(
'title' => esc_html__('Scroll Bar', 'darkify'),
'icon' => 'icofont-scroll-double-down',
'fields' => array(
array(
'id' => 'enable_scrollbar_dark',
'type' => 'switcher',
'title' => esc_html__('Enable Dark Mode On Scrollbar', 'darkify'),
'title_help' => '' . __( 'Want to enable dark mode on the scrollbar of the website?', 'darkify' ) . '
',
'text_on' => esc_html__('Enabled', 'darkify'),
'text_off' => esc_html__('Disabled', 'darkify'),
'text_width' => 100,
'default' => true,
),
array(
'id' => 'scrollbar_color',
'type' => 'color_group',
'title' => esc_html__('Scrollbar Color', 'darkify'),
'title_help' => '' . __('Set the background color of scrollbar\'s track & thumb when dark mode is enabled.', 'darkify') . '
',
'class' => 'only_pro',
'options' => array(
'dark_mode_scrollbar_track_bg' => esc_html__('Trac BG', 'darkify'),
'dark_mode_scrollbar_thumb_bg' => esc_html__('Thumb BG', 'darkify'),
),
'default' => array(
'dark_mode_scrollbar_track_bg' => '#29292a',
'dark_mode_scrollbar_thumb_bg' => '#52565a',
),
'dependency' => array('enable_scrollbar_dark', '==', 'true'),
),
)
),
)
),
),
));
}
}