PluginProbe
Darkify – Dark Mode & Night Mode for Website & Admin (Dark Theme Included) / 1.2.4
Darkify – Dark Mode & Night Mode for Website & Admin (Dark Theme Included) v1.2.4
2.1.3 2.1.2 2.1.1 2.1.0 2.0.4 2.0.3 2.0.2 2.0.1 2.0.0 1.5.5 1.5.4 1.5.3 1.5.2 1.5.1 1.5.0 trunk 1.0.1 1.1.0 1.2.0 1.2.1 1.2.2 1.2.3 1.2.4 1.2.5 1.3.0 All 57 releases
darkify / admin / ta-framework / config / admin-options.php

admin-options.php in Darkify – Dark Mode & Night Mode for Website & Admin (Dark Theme Included) 1.2.4, at admin/ta-framework/config/admin-options.php

1,446 lines 56.8 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 <?php if (!defined('ABSPATH')) {
2 die;
3 } // Cannot access directly.
4
5 //
6 // Set a unique slug-like ID
7 //
8 $prefix = 'darkify';
9
10 //
11 // Create options
12 //
13 DRK_LITE::createOptions($prefix, array(
14 'menu_title' => esc_html__('Darkify','darkify'),
15 'menu_slug' => 'darkify',
16 'menu_icon' => 'data:image/svg+xml;base64,' . base64_encode('<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23.5 1.5C23.5 0.671573 22.8284 0 22 0C21.1716 0 20.5 0.671573 20.5 1.5V4.5C20.5 5.32843 21.1716 6 22 6C22.8284 6 23.5 5.32843 23.5 4.5V1.5Z" fill="white"/><path d="M34 22C34 28.6274 28.6274 34 22 34C15.3726 34 10 28.6274 10 22C10 15.3726 15.3726 10 22 10C28.6274 10 34 15.3726 34 22Z" fill="white"/><path d="M22 38C22.8284 38 23.5 38.6716 23.5 39.5V42.5C23.5 43.3284 22.8284 44 22 44C21.1716 44 20.5 43.3284 20.5 42.5V39.5C20.5 38.6716 21.1716 38 22 38Z" fill="white"/><path d="M10.6863 10.6863C10.1005 11.2721 9.15074 11.2721 8.56495 10.6863L6.44363 8.56498C5.85784 7.97919 5.85784 7.02945 6.44363 6.44366C7.02942 5.85787 7.97916 5.85787 8.56495 6.44366L10.6863 8.56498C11.2721 9.15077 11.2721 10.1005 10.6863 10.6863Z" fill="white"/><path d="M35.435 37.5564C36.0208 38.1421 36.9705 38.1421 37.5563 37.5564C38.1421 36.9706 38.1421 36.0208 37.5563 35.435L35.435 33.3137C34.8492 32.7279 33.8995 32.7279 33.3137 33.3137C32.7279 33.8995 32.7279 34.8493 33.3137 35.435L35.435 37.5564Z" fill="white"/><path d="M10.6863 33.3137C11.2721 33.8995 11.2721 34.8492 10.6863 35.435L8.56495 37.5563C7.97916 38.1421 7.02942 38.1421 6.44363 37.5563C5.85784 36.9706 5.85784 36.0208 6.44363 35.435L8.56495 33.3137C9.15074 32.7279 10.1005 32.7279 10.6863 33.3137Z" fill="white"/><path d="M37.5563 8.56496C38.1421 7.97918 38.1421 7.02943 37.5563 6.44364C36.9705 5.85786 36.0208 5.85786 35.435 6.44364L33.3137 8.56496C32.7279 9.15075 32.7279 10.1005 33.3137 10.6863C33.8995 11.2721 34.8492 11.2721 35.435 10.6863L37.5563 8.56496Z" fill="white"/><path d="M6 22C6 22.8284 5.32843 23.5 4.5 23.5H1.5C0.671573 23.5 0 22.8284 0 22C0 21.1716 0.671573 20.5 1.5 20.5H4.5C5.32843 20.5 6 21.1716 6 22Z" fill="white"/><path d="M42.5 23.5C43.3284 23.5 44 22.8284 44 22C44 21.1716 43.3284 20.5 42.5 20.5H39.5C38.6716 20.5 38 21.1716 38 22C38 22.8284 38.6716 23.5 39.5 23.5H42.5Z" fill="white"/></svg>'),
17 'framework_title' => esc_html__('Darkify ', 'darkify'),
18 'footer_text' => esc_html__('Thank you for using our plugin', 'darkify'),
19 'context' => 'normal',
20 'theme' => 'light',
21 'show_sub_menu' => false,
22 'show_bar_menu' => false,
23 'sticky_header' => false,
24 'show_footer' => false,
25 'menu_type' => 'submenu',
26 ));
27
28 //
29 // control section
30 //
31 DRK_LITE::createSection($prefix, array(
32 'id' => 'control_fields',
33 'title' => esc_html__('CONTROL', 'darkify'),
34 'icon' => 'fas fa-gamepad',
35 )
36 );
37
38 DRK_LITE::createSection( $prefix, array(
39 'parent' => 'control_fields',
40 'title' => esc_html__('Basic Control', 'darkify'),
41 'icon' => 'fas fa-cog',
42 'fields' => array(
43 array(
44 'type' => 'heading',
45 'content' => esc_html__('Basic Control', 'darkify'),
46 ),
47 array(
48 'id' => 'enable_dark_mode_switch',
49 'type' => 'switcher',
50 'title' => esc_html__('Enable Frontend Dark Mode Switch', 'darkify'),
51 'desc' => esc_html__('Switch to show the Dark Mode Floating Switch in your Websites frontend.', 'darkify'),
52 'default' => true,
53 ),
54 array(
55 'id' => 'enable_default_dark_mode',
56 'type' => 'switcher',
57 'title' => esc_html__('Enable Default Dark Mode', 'darkify'),
58 'desc' => esc_html__('Switch to automatically turn your website dark by default.', 'darkify'),
59 ),
60 array(
61 'id' => 'enable_os_aware',
62 'type' => 'switcher',
63 'title' => esc_html__('Enable OS Aware Dark Mode', 'darkify'),
64 'desc' => esc_html__('Switch to enable or disable dark mode automatically according to users’ device preference.', 'darkify'),
65 'default' => true,
66 ),
67 array(
68 'id' => 'enable_keyboard_shortcut',
69 'type' => 'switcher',
70 'title' => esc_html__('Enable Keyboard Shortcut', 'darkify'),
71 'desc' => esc_html__('Switch to turn ON or OFF dark mode by pressing Ctrl+Alt+D on keyboard.', 'darkify'),
72 'default' => true,
73 ),
74 ),
75 ),
76 );
77
78 DRK_LITE::createSection( $prefix, array(
79 'parent' => 'control_fields',
80 'title' => esc_html__('Advanced Control', 'darkify'),
81 'icon' => 'fas fa-cogs',
82 'fields' => array(
83 array(
84 'type' => 'heading',
85 'content' => esc_html__('Advanced Control', 'darkify'),
86 ),
87
88 // Enable Time Based Auto Dark Mode
89 array(
90 'id' => 'enable_time',
91 'type' => 'fieldset',
92 'title' => esc_html__('Enable Time', 'darkify'),
93 'fields' => array(
94 array(
95 'id' => 'enable_time_based_dark',
96 'type' => 'switcher',
97 'title' => esc_html__('Enable Time Based Auto Dark Mode', 'darkify'),
98 'desc' => esc_html__('Automatically turn dark mode ON based on users’ localtime.', 'darkify'),
99 ),
100 array(
101 'id' => 'time_based_dark_start',
102 'type' => 'datetime',
103 'title' => esc_html__('Pick a Time', 'darkify'),
104 'from_to' => true,
105 'text_from' => esc_html__('Form', 'darkify'),
106 'text_to' => esc_html__('To', 'darkify'),
107 'settings' => array(
108 'noCalendar' => true,
109 'enableTime' => true,
110 'dateFormat' => 'H:i',
111 'time_24hr' => false,
112 ),
113 'dependency' => array('enable_time_based_dark', '==', 'true'),
114 ),
115 ),
116 ),
117 array(
118 'id' => 'hide_on_desktop',
119 'type' => 'switcher',
120 'title' => esc_html__('Hide Dark Mode Switch on Desktop', 'darkify'),
121 'desc' => esc_html__('Switch to hide the Dark Mode Floating Switch if users’ are using desktop or laptop.', 'darkify'),
122 ),
123 array(
124 'id' => 'hide_on_mobile',
125 'type' => 'fieldset',
126 'title' => esc_html__('Hide On Mobile', 'darkify'),
127 'fields' => array(
128 array(
129 'id' => 'hide_dark_mode_on_mobile',
130 'type' => 'switcher',
131 'title' => esc_html__('Hide Dark Mode on Mobile', 'darkify'),
132 'desc' => esc_html__('Switch to hide the Dark Mode Floating Switch if users’ are using mobile.', 'darkify'),
133 ),
134 array(
135 'id' => 'type_of_hide_by',
136 'type' => 'select',
137 'title' => esc_html__('Type of Hide By', 'darkify'),
138 'options' => array(
139 'user_agent' => esc_html__('Hide by User Agent', 'darkify'),
140 'screen_size' => esc_html__('Hide by Screen Size', 'darkify'),
141 'both' => esc_html__('Hide by Both', 'darkify'),
142 ),
143 'default' => 'both',
144 'dependency' => array('hide_dark_mode_on_mobile', '==', 'true'),
145 ),
146 ),
147 ),
148
149 array(
150 'id' => 'show_in_menu',
151 'type' => 'fieldset',
152 'title' => esc_html__('Show in Menu', 'darkify'),
153 'fields' => array(
154 array(
155 'id' => 'enable_switch_in_menu',
156 'type' => 'switcher',
157 'title' => esc_html__('Show Switch in Menu', 'darkify'),
158 'desc' => esc_html__('Show the dark mode toggle switch in specific menu.', 'darkify'),
159 ),
160 array(
161 'id' => 'switch_in_menu_location',
162 'type' => 'select',
163 'title' => esc_html__('Select Menu', 'darkify'),
164 'options' => 'menus',
165 'dependency' => array('enable_switch_in_menu', '==', 'true'),
166 ),
167 array(
168 'id' => 'darkify_menu_shortcode_helper',
169 'type' => 'textarea',
170 'title' => esc_html__('Short Code menu', 'darkify'),
171 'desc' => esc_html__('You can generate customized switch shortcode from SWITCH STYLE > Advanced Customization.', 'darkify'),
172 'dependency' => array('enable_switch_in_menu', '==', 'true'),
173 'default' => '[darkify switch="1" width_height="60px" border_radius="7px" icon_size="40px" light_mode_bg="#121116" dark_mode_bg="#ffffff" light_mode_color="#ffffff" dark_mode_color="#121116"]'
174 ),
175 ),
176 ),
177 )
178 ));
179 DRK_LITE::createSection($prefix, array(
180 'title' => esc_html__('ADMIN DARK MODE', 'darkify'),
181 'icon' => 'fab fa-wordpress-simple',
182 'id' => 'control_admin',
183 'fields' => array(
184 array(
185 'type' => 'heading',
186 'content' => esc_html__('Admin Panel Dark Control', 'darkify'),
187 ),
188 array(
189 'id' => 'enable_admin_panel_dark_mode',
190 'type' => 'switcher',
191 'title' => esc_html__('Enable Admin Panel Dark Mode', 'darkify'),
192 'desc' => esc_html__('Switch to show the Dark Mode Floating Switch in your Websites frontend.', 'darkify'),
193 'default' => false,
194 ),
195 )
196 ));
197 DRK_LITE::createSection($prefix, array(
198 'id' => 'control_switch',
199 'title' => esc_html__('SWITCHER STYLE', 'darkify'),
200 'icon' => 'fas fa-toggle-off',
201
202 ));
203 DRK_LITE::createSection($prefix, array(
204 'parent' => 'control_switch',
205 'title' => esc_html__('Switcher Version', 'darkify'),
206 'icon' => 'fas fa-code-branch',
207 'fields' => array(
208 array(
209 'type' => 'heading',
210 'content' => esc_html__('Switch Version', 'darkify'),
211 ),
212 array(
213 'id' => 'enable_dark_switcher',
214 'type' => 'image_select',
215 'title' => esc_html__('Floating Switch', 'darkify'),
216 'desc' => esc_html__('Choose default floating switch', 'darkify'),
217 'class' => 'icon_select',
218 'options' => array(
219 'classic' => DRK_LITE_DIR_URL . '/admin/image/icon-01.jpg',
220 'expand' => DRK_LITE_DIR_URL . '/admin/image/icon-02.jpg',
221 'inner-moon' => DRK_LITE_DIR_URL . '/admin/image/icon-03.jpg',
222 'within' => DRK_LITE_DIR_URL . '/admin/image/icon-04.jpg',
223 ),
224 'default' => 'classic',
225 ),
226
227 // Enable Tooltip on Floating Switch
228 array(
229 'id' => 'tooltip_on_floating_switch',
230 'type' => 'fieldset',
231 'title' => esc_html__('Tooltip on Floating Switch', 'darkify'),
232 'fields' => array(
233 array(
234 'id' => 'floating_switch_width',
235 'type' => 'switcher',
236 'title' => esc_html__('Enable Tooltip on Floating Switch', 'darkify'),
237 'desc' => esc_html__('Want to show a hint on dark mode floating switch as tooltip?', 'darkify'),
238 'default' => false,
239 ),
240 array(
241 'id' => 'tooltip_position',
242 'type' => 'select',
243 'title' => esc_html__('Tooltip Position', 'darkify'),
244 'desc' => esc_html__('Choose the position where the tooltip should be displaed relative to the floating switch.', 'darkify'),
245 'options' => array(
246 'top' => esc_html__('Top', 'darkify'),
247 'bottom' => esc_html__('Bottom', 'darkify'),
248 'left' => esc_html__('Left', 'darkify'),
249 'right' => esc_html__('Right', 'darkify'),
250 ),
251 'default' => 'left',
252 'dependency' => array('floating_switch_width', '==', 'true'),
253 ),
254 array(
255 'id' => 'tooltip_text',
256 'type' => 'text',
257 'title' => esc_html__('Tooltip Text', 'darkify'),
258 'desc' => esc_html__('Customize text to be displayed on the tooltip.', 'darkify'),
259 'default' => esc_html__('Tooltip Text', 'darkify'),
260 'dependency' => array('floating_switch_width', '==', 'true'),
261 ),
262 array(
263 'id' => 'tooltip_background_color',
264 'type' => 'color',
265 'title' => esc_html__('Tooltip Background Color', 'darkify'),
266 'desc' => esc_html__('Customize the background color of the floating switch tooltip.', 'darkify'),
267 'dependency' => array('floating_switch_width', '==', 'true'),
268 'default' => '#142434',
269 ),
270 array(
271 'id' => 'tooltip_text_color',
272 'type' => 'color',
273 'title' => esc_html__('Tooltip Text Color', 'darkify'),
274 'desc' => esc_html__('Customize default margin from the left of the Floating Switch in Mobile.', 'darkify'),
275 'dependency' => array('floating_switch_width', '==', 'true'),
276 'default' => '#B0CBE7',
277 ),
278 ),
279 ),
280 )
281 )
282 );
283 // Postion customization
284 DRK_LITE::createSection($prefix, array(
285 'parent' => 'control_switch',
286 'title' => esc_html__('Postition Customization', 'darkify'),
287 'icon' => 'fas fa-arrows-alt',
288 'fields' => array(
289 array(
290 'type' => 'heading',
291 'content' => esc_html__('Position Customization', 'darkify'),
292 ),
293
294 // Switch Position
295 array(
296 'id' => 'switcher_button_position',
297 'type' => 'fieldset',
298 'title' => esc_html__('Switch Button Position', 'darkify'),
299 'fields' => array(
300 array(
301 'id' => 'dark_mode_switch_position',
302 'type' => 'select',
303 'title' => esc_html__('Switch Position', 'darkify'),
304 'desc' => esc_html__('Choose the screen position where the Floating Switch should be displayed.', 'darkify'),
305 'options' => array(
306 'top_right' => esc_html__('Top Right', 'darkify'),
307 'top_left' => esc_html__('Top Left', 'darkify'),
308 'bottom_right' => esc_html__('Bottom Right', 'darkify'),
309 'bottom_left' => esc_html__('Bottom Left', 'darkify'),
310 ),
311 'default' => 'bottom_right',
312 ),
313 array(
314 'id' => 'switch_position_top_right',
315 'type' => 'spacing',
316 'title' => esc_html__('Margin From Top Right', 'darkify'),
317 'desc' => esc_html__('Customize default margin from the top right of the Floating Switch.', 'darkify'),
318 'left' => false,
319 'bottom' => false,
320 'default' => array(
321 'top' => '40',
322 'right' => '40',
323 'unit' => 'px',
324 ),
325 'dependency' => array('dark_mode_switch_position', '==', 'top_right'),
326 ),
327 array(
328 'id' => 'switch_position_top_left',
329 'type' => 'spacing',
330 'title' => esc_html__('Margin From Top Left', 'darkify'),
331 'desc' => esc_html__('Customize default margin from the top left of the Floating Switch.', 'darkify'),
332 'right' => false,
333 'bottom' => false,
334 'default' => array(
335 'top' => '40',
336 'left' => '40',
337 'unit' => 'px',
338 ),
339 'dependency' => array('dark_mode_switch_position', '==', 'top_left'),
340 ),
341 array(
342 'id' => 'switch_position_bottom_right',
343 'type' => 'spacing',
344 'title' => esc_html__('Margin From Bottom Right', 'darkify'),
345 'desc' => esc_html__('Customize default margin from the bottom right of the Floating Switch.', 'darkify'),
346 'left' => false,
347 'top' => false,
348 'default' => array(
349 'bottom' => '40',
350 'right' => '40',
351 'unit' => 'px',
352 ),
353 'dependency' => array('dark_mode_switch_position', '==', 'bottom_right'),
354 ),
355 array(
356 'id' => 'switch_position_bottom_left',
357 'type' => 'spacing',
358 'title' => esc_html__('Margin from bottom left', 'darkify'),
359 'desc' => esc_html__('Customize default margin from the bottom left of the Floating Switch.', 'darkify'),
360 'right' => false,
361 'top' => false,
362 'default' => array(
363 'bottom' => '40',
364 'left' => '40',
365 'unit' => 'px',
366 ),
367 'dependency' => array('dark_mode_switch_position', '==', 'bottom_left'),
368 ),
369 ),
370 ),
371
372 // Different Switch Position in Mobile
373 array(
374 'id' => 'different_switch_in_mobile',
375 'type' => 'fieldset',
376 'title' => esc_html__('Different Switch in Mobile', 'darkify'),
377 'fields' => array(
378 array(
379 'id' => 'switch_position_different_in_mobile',
380 'type' => 'switcher',
381 'title' => esc_html__('Different Switch Position in Mobile', 'darkify'),
382 'desc' => esc_html__('Should the Floating Switch be displayed on different position in mobile?', 'darkify'),
383 'default' => true,
384 ),
385 array(
386 'id' => 'switch_position_in_mobile',
387 'type' => 'select',
388 'title' => esc_html__('Switch Position in Mobile', 'darkify'),
389 'desc' => esc_html__('Choose the screen position where the Floating Switch should be displayed in mobile.', 'darkify'),
390 'options' => array(
391 'top_right' => esc_html__('Top Right', 'darkify'),
392 'top_left' => esc_html__('Top Left', 'darkify'),
393 'bottom_right' => esc_html__('Bottom Right', 'darkify'),
394 'bottom_left' => esc_html__('Bottom Left', 'darkify'),
395 ),
396 'dependency' => array('switch_position_different_in_mobile', '==', 'true'),
397 ),
398 array(
399 'id' => 'switch_position_top_right_in_mobile',
400 'type' => 'spacing',
401 'title' => esc_html__('Margin From Top Right in Mobile', 'darkify'),
402 'desc' => esc_html__('Customize default margin from the top right of the Floating Switch.', 'darkify'),
403 'left' => false,
404 'bottom' => false,
405 'default' => array(
406 'top' => '40',
407 'right' => '40',
408 'unit' => 'px',
409 ),
410 'dependency' => array('switch_position_different_in_mobile|switch_position_in_mobile', '==|==', 'true|top_right'),
411 ),
412 array(
413 'id' => 'switch_position_top_left_in_mobile',
414 'type' => 'spacing',
415 'title' => esc_html__('Margin From Top Left in Mobile', 'darkify'),
416 'desc' => esc_html__('Customize default margin from the top left of the Floating Switch.', 'darkify'),
417 'right' => false,
418 'bottom' => false,
419 'default' => array(
420 'top' => '40',
421 'left' => '40',
422 'unit' => 'px',
423 ),
424 'dependency' => array('switch_position_different_in_mobile|switch_position_in_mobile', '==|==', 'true|top_left'),
425 ),
426 array(
427 'id' => 'switch_position_bottom_right_in_mobile',
428 'type' => 'spacing',
429 'title' => esc_html__('Margin From Bottom Right in Mobile', 'darkify'),
430 'desc' => esc_html__('Customize default margin from the bottom right of the Floating Switch.', 'darkify'),
431 'left' => false,
432 'top' => false,
433 'default' => array(
434 'bottom' => '40',
435 'right' => '40',
436 'unit' => 'px',
437 ),
438 'dependency' => array('switch_position_different_in_mobile|switch_position_in_mobile', '==|==', 'true|bottom_right'),
439 ),
440 array(
441 'id' => 'switch_position_bottom_left_in_mobile',
442 'type' => 'spacing',
443 'title' => esc_html__('Margin From Bottom Left in Mobile', 'darkify'),
444 'desc' => esc_html__('Customize default margin from the bottom left of the Floating Switch.', 'darkify'),
445 'right' => false,
446 'top' => false,
447 'default' => array(
448 'bottom' => '40',
449 'left' => '40',
450 'unit' => 'px',
451 ),
452 'dependency' => array('switch_position_different_in_mobile|switch_position_in_mobile', '==|==', 'true|bottom_left'),
453 ),
454 ),
455 ),
456 array(
457 'id' => 'enable_absolute_position',
458 'type' => 'switcher',
459 'title' => esc_html__('Absolute Switch Position', 'darkify'),
460 'text_on' => esc_html__('Enabled', 'darkify'),
461 'text_off' => esc_html__('Disabled', 'darkify'),
462 'text_width' => '100',
463 'desc' => esc_html__('Enable to make the floating switch scroll from its position with page scrolling.', 'darkify'),
464 ),
465 )));
466
467 DRK_LITE::createSection($prefix, array(
468 'parent' => 'control_switch',
469 'title' => esc_html__('Advanced Customization', 'darkify'),
470 'icon' => 'fas fa-truck-monster',
471 'fields' => array(
472 array(
473 'type' => 'heading',
474 'content' => esc_html__('Advanced Customization', 'darkify'),
475 ),
476
477 array(
478 'id' => 'switch_width_height',
479 'type' => 'dimensions',
480 'title' => esc_html__('Floating Switch Size', 'darkify'),
481 'desc' => esc_html__('Customize the Selected Switch Design in Your Way.', 'darkify'),
482 'height' => false,
483 'default' => array(
484 'width' => '60',
485 )
486 ),
487 array(
488 'id' => 'switch_icon_size',
489 'type' => 'dimensions',
490 'title' => esc_html__('Floating Switch Icon Size', 'darkify'),
491 'desc' => esc_html__('Customize the Selected Switch Icon Size.', 'darkify'),
492 'height' => false,
493 'default' => array(
494 'width' => '50',
495 )
496 ),
497 array(
498 'id' => 'switch_border_radius',
499 'type' => 'spacing',
500 'title' => esc_html__('Border Radius', 'darkify'),
501 'desc' => esc_html__('Set the border radius of the Floating Switch in pixel.', 'darkify'),
502 'all' => true,
503 'default' => array(
504 'all' => '7',
505 'unit' => 'px',
506 )
507 ),
508 array(
509 'id' => 'switch_light_mode_bg',
510 'type' => 'color',
511 'title' => esc_html__('Switch Background on Light Mode', 'darkify'),
512 'desc' => esc_html__('Set the background color of the Floating Switch in light mode.', 'darkify'),
513 'default' => '#121116',
514 ),
515 array(
516 'id' => 'switch_dark_mode_bg',
517 'type' => 'color',
518 'title' => esc_html__('Switch Background on Dark Mode', 'darkify'),
519 'desc' => esc_html__('Set the background color of the Floating Switch in dark mode.', 'darkify'),
520 'default' => '#ffffff',
521 ),
522 array(
523 'id' => 'switch_light_mode_color',
524 'type' => 'color',
525 'title' => esc_html__('Switch Icon Color on Light Mode', 'darkify'),
526 'desc' => esc_html__('Set the color color of the Floating Switch in light mode.', 'darkify'),
527 'default' => '#ffffff',
528 ),
529 array(
530 'id' => 'switch_dark_mode_color',
531 'type' => 'color',
532 'title' => esc_html__('Switch Icon Color on Dark Mode', 'darkify'),
533 'desc' => esc_html__('Set the color color of the Floating Switch in dark mode.', 'darkify'),
534 'default' => '#121116',
535 ),
536 )
537 )
538 );
539 DRK_LITE::createSection($prefix, array(
540 'parent' => 'control_switch',
541 'title' => esc_html__('Switch Extras', 'darkify'),
542 'icon' => 'fas fa-sun',
543 'fields' => array(
544 array(
545 'type' => 'heading',
546 'content' => esc_html__('Switch Extras', 'darkify'),
547 ),
548
549 array(
550 'id' => 'alternative_dark_mode_switcher',
551 'type' => 'text',
552 'title' => esc_html__('Treat an element as switch', 'darkify'),
553 'desc' => esc_html__('Enter comma-separated CSS class or ID selectors to treat them as dark mode switch.', 'darkify'),
554 ),
555
556
557 array(
558 'id' => 'switcher_shortcode',
559 'type' => 'switcher_shortcode',
560 'title' => esc_html__('Switcher Shortcode', 'darkify'),
561 'desc' => esc_html__('Copy this shortcode and put any page or post to show switcher. You will able to customize all value including swtich 1-12 currently available in this version of plugin.', 'darkify'),
562 ),
563
564 )
565 ));
566
567
568 DRK_LITE::createSection($prefix, array(
569 'id' => 'colors_fields',
570 'title' => esc_html__('COLOR CONTROL', 'darkify'),
571 'icon' => 'fas fa-palette',
572 ));
573 DRK_LITE::createSection( $prefix, array(
574 'parent' => 'colors_fields',
575 'title' => esc_html__('Color Customization', 'darkify'),
576 'icon' => 'fas fa-paint-brush',
577 'fields' => array(
578 array(
579 'type' => 'heading',
580 'content' => esc_html__('Color Preset', 'darkify'),
581 ),
582 array(
583 'id' => 'color_pallets',
584 'type' => 'palette',
585 'title' => esc_html__('Choose a preset', 'darkify'),
586 'options' => array(
587 'set1' => array( '#0F0F0F', '#BEBEBE', '#2D2D2D', '#4A4A4A', '#2D2D2D' ),
588 'set2' => array( '#092635', '#1B4242', '#5C8374', '#9EC8B9', '#5C8374' ),
589 'set4' => array( '#363062', '#435585', '#818FB4', '#F5E8C7', '#818FB4' ),
590 'set5' => array( '#22092C', '#435585', '#818FB4', '#F5E8C7', '#818FB4' ),
591 'set6' => array( '#352F44', '#5C5470', '#B9B4C7', '#FAF0E6', '#B9B4C7' ),
592 'set9' => array( '#082032', '#2C394B', '#334756', '#FF4C29', '#334756' ),
593 'set10' => array( '#1D2D50', '#133B5C', '#1E5F74', '#FCDAB7', '#1E5F74' ),
594 'set11' => array( '#142850', '#27496D', '#0C7B93', '#00A8CC', '#0C7B93' ),
595 ),
596 'default' => 'set1',
597 ),
598
599
600
601 array(
602 'type' => 'heading',
603 'content' => esc_html__('Color Customization', 'darkify'),
604 ),
605 // color pallate set 1
606 array(
607 'id' => 'dark_mode_color_set1',
608 'type' => 'color_group',
609 'title' => esc_html__('Background', 'darkify'),
610 'desc' => esc_html__('Set the background color of your website when dark mode is enabled.', 'darkify'),
611 'dependency' => array('color_pallets', '==', 'set1', 'all'),
612 'options' => array(
613 'background' => esc_html__('Background Color', 'darkify'),
614 'secondary_background' => esc_html__('Secondary Background', 'darkify'),
615 ),
616 'default' => array(
617 'background' => '#0F0F0F',
618 'secondary_background' => '#171717',
619 ),
620 ),
621 array(
622 'id' => 'dark_mode_link_color_set1',
623 'type' => 'color_group',
624 'title' => esc_html__('Text', 'darkify'),
625 'desc' => esc_html__('Set the text color of your website when dark mode is enabled.', 'darkify'),
626 'dependency' => array('color_pallets', '==', 'set1', 'all'),
627 'options' => array(
628 'text' => esc_html__('Text Color', 'darkify'),
629 'color' => esc_html__('Link Color', 'darkify'),
630 'hover' => esc_html__('Link Hover Color', 'darkify'),
631 ),
632 'default' => array(
633 'text' => '#BEBEBE',
634 'color' => '#FFFFFF',
635 'hover' => '#CCCCCC',
636 ),
637 ),
638
639 // color pallate set 2
640
641 array(
642 'id' => 'dark_mode_color_set2',
643 'type' => 'color_group',
644 'title' => esc_html__('Background', 'darkify'),
645 'desc' => esc_html__('Set the background color of your website when dark mode is enabled.', 'darkify'),
646 'dependency' => array('color_pallets', '==', 'set2', 'all'),
647 'options' => array(
648 'background' => esc_html__('Background Color', 'darkify'),
649 'secondary_background' => esc_html__('Secondary Background', 'darkify'),
650 ),
651 'default' => array(
652 'background' => '#092635',
653 'secondary_background' => '#1B4242',
654 ),
655 ),
656 array(
657 'id' => 'dark_mode_link_color_set2',
658 'type' => 'color_group',
659 'title' => esc_html__('Text', 'darkify'),
660 'desc' => esc_html__('Set the text color of your website when dark mode is enabled.', 'darkify'),
661 'dependency' => array('color_pallets', '==', 'set2', 'all'),
662 'options' => array(
663 'text' => esc_html__('Text Color', 'darkify'),
664 'color' => esc_html__('Link Color', 'darkify'),
665 'hover' => esc_html__('Link Hover Color', 'darkify'),
666 ),
667 'default' => array(
668 'text' => '#9EC8B9',
669 'color' => '#FFFFFF',
670 'hover' => '#9EC8B9',
671 ),
672 ),
673
674 array(
675 'id' => 'dark_mode_input_color_set2',
676 'type' => 'color_group',
677 'title' => esc_html__('Input', 'darkify'),
678 'desc' => esc_html__('Set the input field color of your website when dark mode is enabled.', 'darkify'),
679 'dependency' => array('color_pallets', '==', 'set2', 'all'),
680 'options' => array(
681 'color' => esc_html__('Input Text', 'darkify'),
682 'placeholder' => esc_html__('Input Placeholder', 'darkify'),
683 'background' => esc_html__('Input Background', 'darkify'),
684 ),
685 'default' => array(
686 'color' => '#092635',
687 'placeholder' => '#989898',
688 'background' => '#BEBEBE',
689 ),
690 ),
691
692 array(
693 'id' => 'dark_mode_border_color_set2',
694 'type' => 'color',
695 'title' => esc_html__('Border', 'darkify'),
696 'desc' => esc_html__('Set the border color of your website when dark mode is enabled.', 'darkify'),
697 'dependency' => array('color_pallets', '==', 'set2', 'all'),
698 'default' => '#5C8374',
699 ),
700 array(
701 'id' => 'dark_mode_btn_color_set2',
702 'type' => 'color_group',
703 'title' => esc_html__('Button', 'darkify'),
704 'desc' => esc_html__('Set the color of buttons of your website when dark mode is enabled.', 'darkify'),
705 'dependency' => array('color_pallets', '==', 'set2', 'all'),
706 'options' => array(
707 'color' => esc_html__('Button Text', 'darkify'),
708 'background' => esc_html__('Button Background', 'darkify'),
709 ),
710 'default' => array(
711 'color' => '#1B4242',
712 'background' => '#BEBEBE',
713 ),
714 ),
715
716
717 // color pallate set 4
718
719 array(
720 'id' => 'dark_mode_color_set4',
721 'type' => 'color_group',
722 'title' => esc_html__('Background', 'darkify'),
723 'desc' => esc_html__('Set the background color of your website when dark mode is enabled.', 'darkify'),
724 'dependency' => array('color_pallets', '==', 'set4', 'all'),
725 'options' => array(
726 'background' => esc_html__('Background Color', 'darkify'),
727 'secondary_background' => esc_html__('Secondary Background', 'darkify'),
728 ),
729 'default' => array(
730 'background' => '#363062',
731 'secondary_background' => '#435585',
732 ),
733 ),
734 array(
735 'id' => 'dark_mode_link_color_set4',
736 'type' => 'color_group',
737 'title' => esc_html__('Text', 'darkify'),
738 'desc' => esc_html__('Set the text color of your website when dark mode is enabled.', 'darkify'),
739 'dependency' => array('color_pallets', '==', 'set4', 'all'),
740 'options' => array(
741 'text' => esc_html__('Text Color', 'darkify'),
742 'color' => esc_html__('Link Color', 'darkify'),
743 'hover' => esc_html__('Link Hover Color', 'darkify'),
744 ),
745 'default' => array(
746 'text' => '#F5E8C7',
747 'color' => '#FFFFFF',
748 'hover' => '#F5E8C7',
749 ),
750 ),
751
752 array(
753 'id' => 'dark_mode_input_color_set4',
754 'type' => 'color_group',
755 'title' => esc_html__('Input', 'darkify'),
756 'desc' => esc_html__('Set the input field color of your website when dark mode is enabled.', 'darkify'),
757 'dependency' => array('color_pallets', '==', 'set4', 'all'),
758 'options' => array(
759 'color' => esc_html__('Input Text', 'darkify'),
760 'placeholder' => esc_html__('Input Placeholder', 'darkify'),
761 'background' => esc_html__('Input Background', 'darkify'),
762 ),
763 'default' => array(
764 'color' => '#363062',
765 'placeholder' => '#989898',
766 'background' => '#BEBEBE',
767 ),
768 ),
769
770 array(
771 'id' => 'dark_mode_border_color_set4',
772 'type' => 'color',
773 'title' => esc_html__('Border', 'darkify'),
774 'desc' => esc_html__('Set the border color of your website when dark mode is enabled.', 'darkify'),
775 'dependency' => array('color_pallets', '==', 'set4', 'all'),
776 'default' => '#818FB4',
777 ),
778 array(
779 'id' => 'dark_mode_btn_color_set4',
780 'type' => 'color_group',
781 'title' => esc_html__('Button', 'darkify'),
782 'desc' => esc_html__('Set the color of buttons of your website when dark mode is enabled.', 'darkify'),
783 'dependency' => array('color_pallets', '==', 'set4', 'all'),
784 'options' => array(
785 'color' => esc_html__('Button Text', 'darkify'),
786 'background' => esc_html__('Button Background', 'darkify'),
787 ),
788 'default' => array(
789 'color' => '#435585',
790 'background' => '#BEBEBE',
791 ),
792 ),
793
794 // color pallate set 5
795
796 array(
797 'id' => 'dark_mode_color_set5',
798 'type' => 'color_group',
799 'title' => esc_html__('Background', 'darkify'),
800 'desc' => esc_html__('Set the background color of your website when dark mode is enabled.', 'darkify'),
801 'dependency' => array('color_pallets', '==', 'set5', 'all'),
802 'options' => array(
803 'background' => esc_html__('Background Color', 'darkify'),
804 'secondary_background' => esc_html__('Secondary Background', 'darkify'),
805 ),
806 'default' => array(
807 'background' => '#22092C',
808 'secondary_background' => '#435585',
809 ),
810 ),
811 array(
812 'id' => 'dark_mode_link_color_set5',
813 'type' => 'color_group',
814 'title' => esc_html__('Text', 'darkify'),
815 'desc' => esc_html__('Set the text color of your website when dark mode is enabled.', 'darkify'),
816 'dependency' => array('color_pallets', '==', 'set5', 'all'),
817 'options' => array(
818 'text' => esc_html__('Text Color', 'darkify'),
819 'color' => esc_html__('Link Color', 'darkify'),
820 'hover' => esc_html__('Link Hover Color', 'darkify'),
821 ),
822 'default' => array(
823 'text' => '#F5E8C7',
824 'color' => '#FFFFFF',
825 'hover' => '#F5E8C7',
826 ),
827 ),
828
829 array(
830 'id' => 'dark_mode_input_color_set5',
831 'type' => 'color_group',
832 'title' => esc_html__('Input', 'darkify'),
833 'desc' => esc_html__('Set the input field color of your website when dark mode is enabled.', 'darkify'),
834 'dependency' => array('color_pallets', '==', 'set5', 'all'),
835 'options' => array(
836 'color' => esc_html__('Input Text', 'darkify'),
837 'placeholder' => esc_html__('Input Placeholder', 'darkify'),
838 'background' => esc_html__('Input Background', 'darkify'),
839 ),
840 'default' => array(
841 'color' => '#22092C',
842 'placeholder' => '#989898',
843 'background' => '#BEBEBE',
844 ),
845 ),
846
847 array(
848 'id' => 'dark_mode_border_color_set5',
849 'type' => 'color',
850 'title' => esc_html__('Border', 'darkify'),
851 'desc' => esc_html__('Set the border color of your website when dark mode is enabled.', 'darkify'),
852 'dependency' => array('color_pallets', '==', 'set5', 'all'),
853 'default' => '#818FB4',
854 ),
855 array(
856 'id' => 'dark_mode_btn_color_set5',
857 'type' => 'color_group',
858 'title' => esc_html__('Button', 'darkify'),
859 'desc' => esc_html__('Set the color of buttons of your website when dark mode is enabled.', 'darkify'),
860 'dependency' => array('color_pallets', '==', 'set5', 'all'),
861 'options' => array(
862 'color' => esc_html__('Button Text', 'darkify'),
863 'background' => esc_html__('Button Background', 'darkify'),
864 ),
865 'default' => array(
866 'color' => '#435585',
867 'background' => '#BEBEBE',
868 ),
869 ),
870
871 // color pallate set 6
872
873 array(
874 'id' => 'dark_mode_color_set6',
875 'type' => 'color_group',
876 'title' => esc_html__('Background', 'darkify'),
877 'desc' => esc_html__('Set the background color of your website when dark mode is enabled.', 'darkify'),
878 'dependency' => array('color_pallets', '==', 'set6', 'all'),
879 'options' => array(
880 'background' => esc_html__('Background Color', 'darkify'),
881 'secondary_background' => esc_html__('Secondary Background', 'darkify'),
882 ),
883 'default' => array(
884 'background' => '#352F44',
885 'secondary_background' => '#5C5470',
886 ),
887 ),
888 array(
889 'id' => 'dark_mode_link_color_set6',
890 'type' => 'color_group',
891 'title' => esc_html__('Text', 'darkify'),
892 'desc' => esc_html__('Set the text color of your website when dark mode is enabled.', 'darkify'),
893 'dependency' => array('color_pallets', '==', 'set6', 'all'),
894 'options' => array(
895 'text' => esc_html__('Text Color', 'darkify'),
896 'color' => esc_html__('Link Color', 'darkify'),
897 'hover' => esc_html__('Link Hover Color', 'darkify'),
898 ),
899 'default' => array(
900 'text' => '#FAF0E6',
901 'color' => '#FFFFFF',
902 'hover' => '#FAF0E6',
903 ),
904 ),
905
906 array(
907 'id' => 'dark_mode_input_color_set6',
908 'type' => 'color_group',
909 'title' => esc_html__('Input', 'darkify'),
910 'desc' => esc_html__('Set the input field color of your website when dark mode is enabled.', 'darkify'),
911 'dependency' => array('color_pallets', '==', 'set6', 'all'),
912 'options' => array(
913 'color' => esc_html__('Input Text', 'darkify'),
914 'placeholder' => esc_html__('Input Placeholder', 'darkify'),
915 'background' => esc_html__('Input Background', 'darkify'),
916 ),
917 'default' => array(
918 'color' => '#352F44',
919 'placeholder' => '#989898',
920 'background' => '#BEBEBE',
921 ),
922 ),
923
924 array(
925 'id' => 'dark_mode_border_color_set6',
926 'type' => 'color',
927 'title' => esc_html__('Border', 'darkify'),
928 'desc' => esc_html__('Set the border color of your website when dark mode is enabled.', 'darkify'),
929 'dependency' => array('color_pallets', '==', 'set6', 'all'),
930 'default' => '#5C5470',
931 ),
932 array(
933 'id' => 'dark_mode_btn_color_set6',
934 'type' => 'color_group',
935 'title' => esc_html__('Button', 'darkify'),
936 'desc' => esc_html__('Set the color of buttons of your website when dark mode is enabled.', 'darkify'),
937 'dependency' => array('color_pallets', '==', 'set6', 'all'),
938 'options' => array(
939 'color' => esc_html__('Button Text', 'darkify'),
940 'background' => esc_html__('Button Background', 'darkify'),
941 ),
942 'default' => array(
943 'color' => '#5C5470',
944 'background' => '#BEBEBE',
945 ),
946 ),
947
948
949
950 // color pallate set 9
951
952 array(
953 'id' => 'dark_mode_color_set9',
954 'type' => 'color_group',
955 'title' => esc_html__('Background', 'darkify'),
956 'desc' => esc_html__('Set the background color of your website when dark mode is enabled.', 'darkify'),
957 'dependency' => array('color_pallets', '==', 'set9', 'all'),
958 'options' => array(
959 'background' => esc_html__('Background Color', 'darkify'),
960 'secondary_background' => esc_html__('Secondary Background', 'darkify'),
961 ),
962 'default' => array(
963 'background' => '#082032',
964 'secondary_background' => '#2C394B',
965 ),
966 ),
967 array(
968 'id' => 'dark_mode_link_color_set9',
969 'type' => 'color_group',
970 'title' => esc_html__('Text', 'darkify'),
971 'desc' => esc_html__('Set the text color of your website when dark mode is enabled.', 'darkify'),
972 'dependency' => array('color_pallets', '==', 'set9', 'all'),
973 'options' => array(
974 'text' => esc_html__('Text Color', 'darkify'),
975 'color' => esc_html__('Link Color', 'darkify'),
976 'hover' => esc_html__('Link Hover Color', 'darkify'),
977 ),
978 'default' => array(
979 'text' => '#FF4C29',
980 'color' => '#FFFFFF',
981 'hover' => '#CCCCCC',
982 ),
983 ),
984
985 array(
986 'id' => 'dark_mode_input_color_set9',
987 'type' => 'color_group',
988 'title' => esc_html__('Input', 'darkify'),
989 'desc' => esc_html__('Set the input field color of your website when dark mode is enabled.', 'darkify'),
990 'dependency' => array('color_pallets', '==', 'set9', 'all'),
991 'options' => array(
992 'color' => esc_html__('Input Text', 'darkify'),
993 'placeholder' => esc_html__('Input Placeholder', 'darkify'),
994 'background' => esc_html__('Input Background', 'darkify'),
995 ),
996 'default' => array(
997 'color' => '#334756',
998 'placeholder' => '#989898',
999 'background' => '#BEBEBE',
1000 ),
1001 ),
1002
1003 array(
1004 'id' => 'dark_mode_border_color_set9',
1005 'type' => 'color',
1006 'title' => esc_html__('Border', 'darkify'),
1007 'desc' => esc_html__('Set the border color of your website when dark mode is enabled.', 'darkify'),
1008 'dependency' => array('color_pallets', '==', 'set9', 'all'),
1009 'default' => '#334756',
1010 ),
1011 array(
1012 'id' => 'dark_mode_btn_color_set9',
1013 'type' => 'color_group',
1014 'title' => esc_html__('Button', 'darkify'),
1015 'desc' => esc_html__('Set the color of buttons of your website when dark mode is enabled.', 'darkify'),
1016 'dependency' => array('color_pallets', '==', 'set9', 'all'),
1017 'options' => array(
1018 'color' => esc_html__('Button Text', 'darkify'),
1019 'background' => esc_html__('Button Background', 'darkify'),
1020 ),
1021 'default' => array(
1022 'color' => '#2C394B',
1023 'background' => '#BEBEBE',
1024 ),
1025 ),
1026
1027 // color pallate set 10
1028
1029 array(
1030 'id' => 'dark_mode_color_set10',
1031 'type' => 'color_group',
1032 'title' => esc_html__('Background', 'darkify'),
1033 'desc' => esc_html__('Set the background color of your website when dark mode is enabled.', 'darkify'),
1034 'dependency' => array('color_pallets', '==', 'set10', 'all'),
1035 'options' => array(
1036 'background' => esc_html__('Background Color', 'darkify'),
1037 'secondary_background' => esc_html__('Secondary Background', 'darkify'),
1038 ),
1039 'default' => array(
1040 'background' => '#1D2D50',
1041 'secondary_background' => '#133B5C',
1042 ),
1043 ),
1044 array(
1045 'id' => 'dark_mode_link_color_set10',
1046 'type' => 'color_group',
1047 'title' => esc_html__('Text', 'darkify'),
1048 'desc' => esc_html__('Set the text color of your website when dark mode is enabled.', 'darkify'),
1049 'dependency' => array('color_pallets', '==', 'set10', 'all'),
1050 'options' => array(
1051 'text' => esc_html__('Text Color', 'darkify'),
1052 'color' => esc_html__('Link Color', 'darkify'),
1053 'hover' => esc_html__('Link Hover Color', 'darkify'),
1054 ),
1055 'default' => array(
1056 'text' => '#FCDAB7',
1057 'color' => '#FFFFFF',
1058 'hover' => '#FCDAB7',
1059 ),
1060 ),
1061
1062 array(
1063 'id' => 'dark_mode_input_color_set10',
1064 'type' => 'color_group',
1065 'title' => esc_html__('Input', 'darkify'),
1066 'desc' => esc_html__('Set the input field color of your website when dark mode is enabled.', 'darkify'),
1067 'dependency' => array('color_pallets', '==', 'set10', 'all'),
1068 'options' => array(
1069 'color' => esc_html__('Input Text', 'darkify'),
1070 'placeholder' => esc_html__('Input Placeholder', 'darkify'),
1071 'background' => esc_html__('Input Background', 'darkify'),
1072 ),
1073 'default' => array(
1074 'color' => '#1E5F74',
1075 'placeholder' => '#989898',
1076 'background' => '#BEBEBE',
1077 ),
1078 ),
1079
1080 array(
1081 'id' => 'dark_mode_border_color_set10',
1082 'type' => 'color',
1083 'title' => esc_html__('Border', 'darkify'),
1084 'desc' => esc_html__('Set the border color of your website when dark mode is enabled.', 'darkify'),
1085 'dependency' => array('color_pallets', '==', 'set10', 'all'),
1086 'default' => '#1E5F74',
1087 ),
1088 array(
1089 'id' => 'dark_mode_btn_color_set10',
1090 'type' => 'color_group',
1091 'title' => esc_html__('Button', 'darkify'),
1092 'desc' => esc_html__('Set the color of buttons of your website when dark mode is enabled.', 'darkify'),
1093 'dependency' => array('color_pallets', '==', 'set10', 'all'),
1094 'options' => array(
1095 'color' => esc_html__('Button Text', 'darkify'),
1096 'background' => esc_html__('Button Background', 'darkify'),
1097 ),
1098 'default' => array(
1099 'color' => '#133B5C',
1100 'background' => '#BEBEBE',
1101 ),
1102 ),
1103
1104 // color pallate set 11
1105
1106 array(
1107 'id' => 'dark_mode_color_set11',
1108 'type' => 'color_group',
1109 'title' => esc_html__('Background', 'darkify'),
1110 'desc' => esc_html__('Set the background color of your website when dark mode is enabled.', 'darkify'),
1111 'dependency' => array('color_pallets', '==', 'set11', 'all'),
1112 'options' => array(
1113 'background' => esc_html__('Background Color', 'darkify'),
1114 'secondary_background' => esc_html__('Secondary Background', 'darkify'),
1115 ),
1116 'default' => array(
1117 'background' => '#142850',
1118 'secondary_background' => '#27496D',
1119 ),
1120 ),
1121 array(
1122 'id' => 'dark_mode_link_color_set11',
1123 'type' => 'color_group',
1124 'title' => esc_html__('Text', 'darkify'),
1125 'desc' => esc_html__('Set the text color of your website when dark mode is enabled.', 'darkify'),
1126 'dependency' => array('color_pallets', '==', 'set11', 'all'),
1127 'options' => array(
1128 'text' => esc_html__('Text Color', 'darkify'),
1129 'color' => esc_html__('Link Color', 'darkify'),
1130 'hover' => esc_html__('Link Hover Color', 'darkify'),
1131 ),
1132 'default' => array(
1133 'text' => '#00A8CC',
1134 'color' => '#FFFFFF',
1135 'hover' => '#00A8CC',
1136 ),
1137 ),
1138
1139 array(
1140 'id' => 'dark_mode_input_color_set11',
1141 'type' => 'color_group',
1142 'title' => esc_html__('Input', 'darkify'),
1143 'desc' => esc_html__('Set the input field color of your website when dark mode is enabled.', 'darkify'),
1144 'dependency' => array('color_pallets', '==', 'set11', 'all'),
1145 'options' => array(
1146 'color' => esc_html__('Input Text', 'darkify'),
1147 'placeholder' => esc_html__('Input Placeholder', 'darkify'),
1148 'background' => esc_html__('Input Background', 'darkify'),
1149 ),
1150 'default' => array(
1151 'color' => '#0C7B93',
1152 'placeholder' => '#989898',
1153 'background' => '#BEBEBE',
1154 ),
1155 ),
1156
1157 array(
1158 'id' => 'dark_mode_border_color_set11',
1159 'type' => 'color',
1160 'title' => esc_html__('Border', 'darkify'),
1161 'desc' => esc_html__('Set the border color of your website when dark mode is enabled.', 'darkify'),
1162 'dependency' => array('color_pallets', '==', 'set11', 'all'),
1163 'default' => '#0C7B93',
1164 ),
1165 array(
1166 'id' => 'dark_mode_btn_color_set11',
1167 'type' => 'color_group',
1168 'title' => esc_html__('Button', 'darkify'),
1169 'desc' => esc_html__('Set the color of buttons of your website when dark mode is enabled.', 'darkify'),
1170 'dependency' => array('color_pallets', '==', 'set11', 'all'),
1171 'options' => array(
1172 'color' => esc_html__('Button Text', 'darkify'),
1173 'background' => esc_html__('Button Background', 'darkify'),
1174 ),
1175 'default' => array(
1176 'color' => '#27496D',
1177 'background' => '#BEBEBE',
1178 ),
1179 ),
1180
1181
1182
1183
1184 )));
1185
1186 DRK_LITE::createSection( $prefix, array(
1187 'parent' => 'colors_fields',
1188 'title' => esc_html__('Scrollbar Customization', 'darkify'),
1189 'icon' => 'fas fa-scroll',
1190 'fields' => array(
1191 array(
1192 'type' => 'heading',
1193 'content' => esc_html__('Scrollbar Customization', 'darkify'),
1194 ),
1195 array(
1196 'id' => 'enable_scrollbar_dark',
1197 'type' => 'switcher',
1198 'title' => esc_html__('Enable Dark Mode on Scrollbar', 'darkify'),
1199 'desc' => esc_html__('Want to enable dark mode on the scrollbar of the website?', 'darkify'),
1200 'default' => true,
1201 ),
1202 ),
1203
1204 ));
1205 DRK_LITE::createSection($prefix, array(
1206 'title' => esc_html__('IMAGE STYLE', 'darkify'),
1207 'icon' => 'fas fa-image',
1208 'fields' => array(
1209 // Appearance Control
1210 array(
1211 'type' => 'heading',
1212 'content' => esc_html__('Appearance Control', 'darkify'),
1213 ),
1214
1215 // Low Brightness
1216 array(
1217 'id' => 'brightness',
1218 'type' => 'fieldset',
1219 'title' => esc_html__('Brightness', 'darkify'),
1220 'fields' => array(
1221 array(
1222 'id' => 'enable_low_image_brightness',
1223 'type' => 'switcher',
1224 'title' => esc_html__('Low Brightness', 'darkify'),
1225 'desc' => esc_html__('Switch and select the brightness level of images on dark mode.', 'darkify'),
1226 'text_on' => esc_html__('Yes', 'darkify'),
1227 'text_off' => esc_html__('No', 'darkify'),
1228 'default' => true,
1229 ),
1230 array(
1231 'id' => 'low_image_brightness_label',
1232 'type' => 'select',
1233 'title' => esc_html__('Brightness Label', 'darkify'),
1234 'options' => array(
1235 '0' => esc_html__('0% Brightness', 'darkify'),
1236 '10' => esc_html__('10% Brightness', 'darkify'),
1237 '20' => esc_html__('20% Brightness', 'darkify'),
1238 '30' => esc_html__('30% Brightness', 'darkify'),
1239 '40' => esc_html__('40% Brightness', 'darkify'),
1240 '50' => esc_html__('50% Brightness', 'darkify'),
1241 '60' => esc_html__('60% Brightness', 'darkify'),
1242 '70' => esc_html__('70% Brightness', 'darkify'),
1243 '80' => esc_html__('80% Brightness', 'darkify'),
1244 '90' => esc_html__('90% Brightness', 'darkify'),
1245 '100' => esc_html__('100% Brightness', 'darkify'),
1246 ),
1247 'default' => '80',
1248 'dependency' => array('enable_low_image_brightness', '==', 'true', 'all'),
1249 ),
1250 ),
1251 ),
1252 // Grayscale Image
1253 array(
1254 'id' => 'grayscale',
1255 'type' => 'fieldset',
1256 'title' => esc_html__('Grayscale', 'darkify'),
1257 'fields' => array(
1258 array(
1259 'id' => 'enable_image_grayscale',
1260 'type' => 'switcher',
1261 'title' => esc_html__('Grayscale Image', 'darkify'),
1262 'desc' => esc_html__('Switch and select the grayscale level of images on dark mode.', 'darkify'),
1263 'text_on' => esc_html__('Yes', 'darkify'),
1264 'text_off' => esc_html__('No', 'darkify'),
1265 'default' => false,
1266 ),
1267 array(
1268 'id' => 'image_grayscale_label',
1269 'type' => 'select',
1270 'title' => esc_html__('Grayscale Label', 'darkify'),
1271 'options' => array(
1272 '0' => esc_html__('0% Brightness', 'darkify'),
1273 '10' => esc_html__('10% Grayscale', 'darkify'),
1274 '20' => esc_html__('20% Grayscale', 'darkify'),
1275 '30' => esc_html__('30% Grayscale', 'darkify'),
1276 '40' => esc_html__('40% Grayscale', 'darkify'),
1277 '50' => esc_html__('50% Grayscale', 'darkify'),
1278 '60' => esc_html__('60% Grayscale', 'darkify'),
1279 '70' => esc_html__('70% Grayscale', 'darkify'),
1280 '80' => esc_html__('80% Grayscale', 'darkify'),
1281 '90' => esc_html__('90% Grayscale', 'darkify'),
1282 '100' => esc_html__('100% Grayscale', 'darkify'),
1283 ),
1284 'default' => '80',
1285 'dependency' => array('enable_image_grayscale', '==', 'true', 'all'),
1286 ),
1287
1288 array(
1289 'id' => 'disallowed_low_grayscale_images',
1290 'type' => 'textarea',
1291 'title' => esc_html__('Exclude images', 'darkify'),
1292 'desc' => esc_html__('Enter comma-separated image URLs where grayscale will be normal.', 'darkify'),
1293 'placeholder' => esc_html__('Exclude low grayscale on specific images.', 'darkify'),
1294 'dependency' => array('enable_image_grayscale', '==', 'true', 'all'),
1295 ),
1296 ),
1297 ),
1298
1299 // Darken Background Image
1300 array(
1301 'id' => 'darken_background',
1302 'type' => 'fieldset',
1303 'title' => esc_html__('Darken Background', 'darkify'),
1304 'fields' => array(
1305 array(
1306 'id' => 'enable_low_image_darken',
1307 'type' => 'switcher',
1308 'title' => esc_html__('Darken Background Image', 'darkify'),
1309 'desc' => esc_html__('Switch and select the level of darkness of background images on dark mode.', 'darkify'),
1310 'text_on' => esc_html__('Yes', 'darkify'),
1311 'text_off' => esc_html__('No', 'darkify'),
1312 'default' => true,
1313 ),
1314 array(
1315 'id' => 'low_image_darken_label',
1316 'type' => 'select',
1317 'title' => esc_html__('Darken Label', 'darkify'),
1318 'options' => array(
1319 '0' => esc_html__('0% Darken', 'darkify'),
1320 '10' => esc_html__('10% Darken', 'darkify'),
1321 '20' => esc_html__('20% Darken', 'darkify'),
1322 '30' => esc_html__('30% Darken', 'darkify'),
1323 '40' => esc_html__('40% Darken', 'darkify'),
1324 '50' => esc_html__('50% Darken', 'darkify'),
1325 '60' => esc_html__('60% Darken', 'darkify'),
1326 '70' => esc_html__('70% Darken', 'darkify'),
1327 '80' => esc_html__('80% Darken', 'darkify'),
1328 '90' => esc_html__('90% Darken', 'darkify'),
1329 '100' => esc_html__('100% Darken', 'darkify'),
1330 ),
1331 'default' => '80',
1332 'dependency' => array('enable_low_image_darken', '==', 'true', 'all'),
1333 ),
1334 ),
1335 ),
1336
1337 array(
1338 'id' => 'enable_invert_inline_svg',
1339 'type' => 'switcher',
1340 'title' => esc_html__('Invert Inline SVG', 'darkify'),
1341 'desc' => esc_html__('Turn On to automatically invert all inline SVG images in dark mode.', 'darkify'),
1342 'default' => false,
1343 ),
1344 )
1345 ));
1346 DRK_LITE::createSection($prefix, array(
1347 'title' => esc_html__('VIDEO STYLE', 'darkify'),
1348 'icon' => 'fas fa-play-circle',
1349 'fields' => array(
1350
1351 // Appearance Control
1352 array(
1353 'type' => 'heading',
1354 'content' => esc_html__('Appearance Control', 'darkify'),
1355 ),
1356
1357
1358 // Low Brightness
1359 array(
1360 'id' => 'video_brightness',
1361 'type' => 'fieldset',
1362 'title' => esc_html__('Brightness', 'darkify'),
1363 'fields' => array(
1364 array(
1365 'id' => 'enable_low_video_brightness',
1366 'type' => 'switcher',
1367 'title' => esc_html__('Low Brightness', 'darkify'),
1368 'desc' => esc_html__('Switch and select the brightness level of videos on dark mode.', 'darkify'),
1369 'text_on' => esc_html__('Yes', 'darkify'),
1370 'text_off' => esc_html__('No', 'darkify'),
1371 'default' => true,
1372 ),
1373 array(
1374 'id' => 'low_video_brightness_label',
1375 'type' => 'select',
1376 'title' => esc_html__('Brightness Label', 'darkify'),
1377 'options' => array(
1378 '0' => esc_html__('0% Brightness', 'darkify'),
1379 '10' => esc_html__('10% Brightness', 'darkify'),
1380 '20' => esc_html__('20% Brightness', 'darkify'),
1381 '30' => esc_html__('30% Brightness', 'darkify'),
1382 '40' => esc_html__('40% Brightness', 'darkify'),
1383 '50' => esc_html__('50% Brightness', 'darkify'),
1384 '60' => esc_html__('60% Brightness', 'darkify'),
1385 '70' => esc_html__('70% Brightness', 'darkify'),
1386 '80' => esc_html__('80% Brightness', 'darkify'),
1387 '90' => esc_html__('90% Brightness', 'darkify'),
1388 '100' => esc_html__('100% Brightness', 'darkify'),
1389 ),
1390 'default' => '80',
1391 'dependency' => array('enable_low_video_brightness', '==', 'true', 'all'),
1392 ),
1393 ),
1394 ),
1395
1396 // Grayscale Video
1397 array(
1398 'id' => 'video_grayscale',
1399 'type' => 'fieldset',
1400 'title' => esc_html__('Grayscale', 'darkify'),
1401 'fields' => array(
1402 array(
1403 'id' => 'enable_video_grayscale',
1404 'type' => 'switcher',
1405 'title' => esc_html__('Grayscale Video', 'darkify'),
1406 'desc' => esc_html__('Switch and select the grayscale level of videos on dark mode.', 'darkify'),
1407 'text_on' => esc_html__('Yes', 'darkify'),
1408 'text_off' => esc_html__('No', 'darkify'),
1409 'default' => false,
1410 ),
1411 array(
1412 'id' => 'video_grayscale_label',
1413 'type' => 'select',
1414 'title' => esc_html__('Grayscale Label', 'darkify'),
1415 'options' => array(
1416 '0' => esc_html__('0% Brightness', 'darkify'),
1417 '10' => esc_html__('10% Grayscale', 'darkify'),
1418 '20' => esc_html__('20% Grayscale', 'darkify'),
1419 '30' => esc_html__('30% Grayscale', 'darkify'),
1420 '40' => esc_html__('40% Grayscale', 'darkify'),
1421 '50' => esc_html__('50% Grayscale', 'darkify'),
1422 '60' => esc_html__('60% Grayscale', 'darkify'),
1423 '70' => esc_html__('70% Grayscale', 'darkify'),
1424 '80' => esc_html__('80% Grayscale', 'darkify'),
1425 '90' => esc_html__('90% Grayscale', 'darkify'),
1426 '100' => esc_html__('100% Grayscale', 'darkify'),
1427 ),
1428 'default' => '80',
1429 'dependency' => array('enable_video_grayscale', '==', 'true', 'all'),
1430 ),
1431 ),
1432 ),
1433 )
1434 ));
1435
1436 DRK_LITE::createSection($prefix, array(
1437 'title' => esc_html__('BACKUP', 'darkify'),
1438 'icon' => 'fas fa-shield-alt',
1439 'fields' => array(
1440
1441 // Backup
1442 array(
1443 'type' => 'backup',
1444 ),
1445 )
1446 ));