*/
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(
'colors' => array('#0F0F0F', '#4A4A4A', '#BEBEBE', '#171717', '#2D2D2D'),
'name' => esc_html__('Carbon Mist', 'darkify'),
'demo_url' => 'https://youtu.be/0ervhCG6V4U?list=PLo2IcueX81_BbBsEyPeXx52VOcijnGr6l',
),
'set3' => array(
'colors' => array('#211e3c', '#B1BBD8', '#302C57', '#4E478D', '#2A264D'),
'name' => esc_html__('Midnight Reverie', 'darkify'),
'demo_url' => 'https://youtu.be/Gz0SDK_08GQ?list=PLo2IcueX81_BbBsEyPeXx52VOcijnGr6l',
),
'set9' => array(
'colors' => array('#04261d', '#C1D2BB', '#021e16', '#073d2f', '#095541'),
'name' => esc_html__('Verdant Depths', 'darkify'),
'demo_url' => 'https://youtu.be/8r-yeDV83Cs?list=PLo2IcueX81_BbBsEyPeXx52VOcijnGr6l',
),
'set6' => array(
'colors' => array('#082032', '#B5D9F3', '#061825', '#144E78', '#0E3755'),
'name' => esc_html__('Celestial Tide', 'darkify'),
'demo_url' => 'https://youtu.be/isHN5V4i-aw?list=PLo2IcueX81_BbBsEyPeXx52VOcijnGr6l',
),
'set10' => array(
'colors' => array('#171004', '#E0D2BD', '#211706', '#372911', '#5D4010'),
'name' => esc_html__('Emberwood', 'darkify'),
'demo_url' => 'https://youtu.be/q4DQOivcurk?list=PLo2IcueX81_BbBsEyPeXx52VOcijnGr6l',
),
'set2' => array(
'colors' => array('#092635', '#BEE0F1', '#081E29', '#123d52', '#195979'),
'name' => esc_html__('Glacier Drift', 'darkify'),
'demo_url' => 'https://youtu.be/mwf5nG2gSv4?list=PLo2IcueX81_BbBsEyPeXx52VOcijnGr6l',
'pro_only' => true,
),
'set4' => array(
'colors' => array('#1d253a', '#B1BBD8', '#2B3655', '#46598C', '#242F4C'),
'name' => esc_html__('Indigo Veil', 'darkify'),
'demo_url' => 'https://youtu.be/o58ns9RRGlU?list=PLo2IcueX81_BbBsEyPeXx52VOcijnGr6l',
'pro_only' => true,
),
'set5' => array(
'colors' => array('#1b1823', '#C6C1D5', '#352f44', '#403953', '#54496f'),
'name' => esc_html__('Duskmire', 'darkify'),
'demo_url' => 'https://youtu.be/eAeNuboi--Y?list=PLo2IcueX81_BbBsEyPeXx52VOcijnGr6l',
'pro_only' => true,
),
'set7' => array(
'colors' => array('#07161b', '#C5E6F0', '#0d242e', '#286F8D', '#19495A'),
'name' => esc_html__('Tidal Frost', 'darkify'),
'demo_url' => 'https://youtu.be/cUMElxZ0-EY?list=PLo2IcueX81_BbBsEyPeXx52VOcijnGr6l',
'pro_only' => true,
),
'set8' => array(
'colors' => array('#15274C', '#ACC1EA', '#112244', '#244892', '#1a2f5c'),
'name' => esc_html__('Blue Bastion', 'darkify'),
'demo_url' => 'https://youtu.be/fi_yopdUul4?list=PLo2IcueX81_BbBsEyPeXx52VOcijnGr6l',
'pro_only' => true,
),
'set11' => array(
'colors' => array('#19081b', '#c09dc2', '#210a24', '#440649', '#2c082f'),
'name' => esc_html__('Crimson Veil', 'darkify'),
'demo_url' => 'https://youtu.be/cYHTpisGhBQ?list=PLo2IcueX81_BbBsEyPeXx52VOcijnGr6l',
'pro_only' => true,
),
),
'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' => '#E7E7E7',
'hover' => '#BEBEBE',
),
),
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' => '#BEBEBE',
'placeholder' => '#BEBEBE',
'background' => '#2D2D2D',
),
),
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__('Color', 'darkify'),
'background' => esc_html('Background', 'darkify'),
'hover_color' => esc_html__('Hover Color', 'darkify'),
'hover_background' => esc_html('Hover Background', 'darkify'),
),
'default' => array(
'color' => '#BEBEBE',
'background' => '#4A4A4A',
'hover_color' => '#BEBEBE',
'hover_background' => '#2D2D2D',
),
),
// 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' => '#211e3c',
'secondary_background' => '#302C57',
),
),
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' => '#B1BBD8',
'color' => '#8071fb',
'hover' => '#B1BBD8',
),
),
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' => '#B1BBD8',
'placeholder' => '#B1BBD8',
'background' => '#2A264D',
),
),
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' => '#4E478D',
),
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__('Color', 'darkify'),
'background' => esc_html('Background', 'darkify'),
'hover_color' => esc_html('Background', 'darkify'),
'hover_background' => esc_html('Background', 'darkify'),
),
'default' => array(
'color' => '#4E478D',
'background' => '#B1BBD8',
'hover_color' => '#B1BBD8',
'hover_background' => '#2A264D',
),
),
// 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' => '#B5D9F3',
'color' => '#61bbff',
'hover' => '#B5D9F3',
),
),
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' => '#B5D9F3',
'placeholder' => '#B5D9F3',
'background' => '#0E3755',
),
),
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' => '#3B4D65',
),
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__('Color', 'darkify'),
'background' => esc_html('Background', 'darkify'),
'hover_color' => esc_html('Background', 'darkify'),
'hover_background' => esc_html('Background', 'darkify'),
),
'default' => array(
'color' => '#B5D9F3',
'background' => '#3B4D65',
'hover_color' => '#B5D9F3',
'hover_background' => '#144E78',
),
),
// color pallate set 9
array(
'id' => 'dark_mode_color_set9',
'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', '==', 'set9', 'all'),
'options' => array(
'background' => esc_html__('Primary BG', 'darkify'),
'secondary_background' => esc_html__('Secondary BG', 'darkify'),
),
'default' => array(
'background' => '#04261d',
'secondary_background' => '#021e16',
),
),
array(
'id' => 'dark_mode_link_color_set9',
'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', '==', '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' => '#C1D2BB',
'color' => '#00d29a',
'hover' => '#C1D2BB',
),
),
array(
'id' => 'dark_mode_input_color_set9',
'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', '==', 'set9', 'all'),
'options' => array(
'color' => esc_html__('Input Text', 'darkify'),
'placeholder' => esc_html('Input Placeholder', 'darkify'),
'background' => esc_html('Input Background', 'darkify'),
),
'default' => array(
'color' => '#C1D2BB',
'placeholder' => '#C1D2BB',
'background' => '#073d2f',
),
),
array(
'id' => 'dark_mode_border_color_set9',
'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', '==', 'set9', 'all'),
'default' => '#095541',
),
array(
'id' => 'dark_mode_btn_color_set9',
'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', '==', 'set9', 'all'),
'options' => array(
'color' => esc_html__('Color', 'darkify'),
'background' => esc_html('Background', 'darkify'),
'hover_color' => esc_html__('Button Text', 'darkify'),
'hover_background' => esc_html('Button Background', 'darkify'),
),
'default' => array(
'color' => '#C1D2BB',
'background' => '#095541',
'hover_color' => '#C1D2BB',
'hover_background' => '#073d2f',
),
),
// color pallate set 10
array(
'id' => 'dark_mode_color_set10',
'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', '==', 'set10', 'all'),
'options' => array(
'background' => esc_html__('Primary BG', 'darkify'),
'secondary_background' => esc_html__('Secondary BG Test', 'darkify'),
),
'default' => array(
'background' => '#171004',
'secondary_background' => '#211706',
),
),
array(
'id' => 'dark_mode_link_color_set10',
'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', '==', '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' => '#E0D2BD',
'color' => '#e09525',
'hover' => '#E0D2BD',
),
),
array(
'id' => 'dark_mode_input_color_set10',
'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', '==', 'set10', 'all'),
'options' => array(
'color' => esc_html__('Input Text', 'darkify'),
'placeholder' => esc_html('Input Placeholder', 'darkify'),
'background' => esc_html('Input Background', 'darkify'),
),
'default' => array(
'color' => '#E0D2BD',
'placeholder' => '#E0D2BD',
'background' => '#372911',
),
),
array(
'id' => 'dark_mode_border_color_set10',
'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', '==', 'set10', 'all'),
'default' => '#5D4010',
),
array(
'id' => 'dark_mode_btn_color_set10',
'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', '==', 'set10', 'all'),
'options' => array(
'color' => esc_html__('Color', 'darkify'),
'background' => esc_html('Background', 'darkify'),
'hover_color' => esc_html__('Button Text', 'darkify'),
'hover_background' => esc_html('Button Background', 'darkify'),
),
'default' => array(
'color' => '#E0D2BD',
'background' => '#5D4010',
'hover_color' => '#E0D2BD',
'hover_background' => '#372911',
),
),
// color pallate set 11
array(
'id' => 'dark_mode_color_set11',
'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', '==', 'set11', 'all'),
'options' => array(
'background' => esc_html__('Primary BG', 'darkify'),
'secondary_background' => esc_html__('Secondary BG', 'darkify'),
),
'default' => array(
'background' => '#19081b',
'secondary_background' => '#210a24',
),
),
array(
'id' => 'dark_mode_link_color_set11',
'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', '==', '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' => '#c09dc2',
'color' => '#c832d4',
'hover' => '#c09dc2',
),
),
array(
'id' => 'dark_mode_input_color_set11',
'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', '==', 'set11', 'all'),
'options' => array(
'color' => esc_html__('Input Text', 'darkify'),
'placeholder' => esc_html('Input Placeholder', 'darkify'),
'background' => esc_html('Input Background', 'darkify'),
),
'default' => array(
'color' => '#c09dc2',
'placeholder' => '#c09dc2',
'background' => '#2c082f',
),
),
array(
'id' => 'dark_mode_border_color_set11',
'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', '==', 'set11', 'all'),
'default' => '#440649',
),
array(
'id' => 'dark_mode_btn_color_set11',
'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', '==', 'set11', 'all'),
'options' => array(
'color' => esc_html__('Color', 'darkify'),
'background' => esc_html('Background', 'darkify'),
'hover_color' => esc_html__('Button Text', 'darkify'),
'hover_background' => esc_html('Button Background', 'darkify'),
),
'default' => array(
'color' => '#c09dc2',
'background' => '#440649',
'hover_color' => '#c09dc2',
'hover_background' => '#2c082f',
),
),
)
),
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'),
),
)
),
)
),
),
)
);
}
}