PluginProbe
Darkify – Dark Mode & Night Mode for Website & Admin (Dark Theme Included) / 1.2.0
Darkify – Dark Mode & Night Mode for Website & Admin (Dark Theme Included) v1.2.0
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.0, at admin/ta-framework/config/admin-options.php

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