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

1,445 lines 56.7 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 'color' => esc_html__('Link Color', 'darkify'),
629 'hover' => esc_html__('Link Hover Color', 'darkify'),
630 ),
631 'default' => array(
632 'text' => '#BEBEBE',
633 'color' => '#FFFFFF',
634 'hover' => '#CCCCCC',
635 ),
636 ),
637
638 // color pallate set 2
639
640 array(
641 'id' => 'dark_mode_color_set2',
642 'type' => 'color_group',
643 'title' => esc_html__('Background', 'darkify'),
644 'desc' => esc_html__('Set the background color of your website when dark mode is enabled.', 'darkify'),
645 'dependency' => array('color_pallets', '==', 'set2', 'all'),
646 'options' => array(
647 'background' => esc_html__('Background Color', 'darkify'),
648 'secondary_background' => esc_html__('Secondary Background', 'darkify'),
649 ),
650 'default' => array(
651 'background' => '#092635',
652 'secondary_background' => '#1B4242',
653 ),
654 ),
655 array(
656 'id' => 'dark_mode_link_color_set2',
657 'type' => 'color_group',
658 'title' => esc_html__('Text', 'darkify'),
659 'desc' => esc_html__('Set the text color of your website when dark mode is enabled.', 'darkify'),
660 'dependency' => array('color_pallets', '==', 'set2', 'all'),
661 'options' => array(
662 'text' => esc_html__('Text Color', 'darkify'),
663 'color' => esc_html__('Link Color', 'darkify'),
664 'hover' => esc_html__('Link Hover Color', 'darkify'),
665 ),
666 'default' => array(
667 'text' => '#9EC8B9',
668 'color' => '#FFFFFF',
669 'hover' => '#9EC8B9',
670 ),
671 ),
672
673 array(
674 'id' => 'dark_mode_input_color_set2',
675 'type' => 'color_group',
676 'title' => esc_html__('Input', 'darkify'),
677 'desc' => esc_html__('Set the input field color of your website when dark mode is enabled.', 'darkify'),
678 'dependency' => array('color_pallets', '==', 'set2', 'all'),
679 'options' => array(
680 'color' => esc_html__('Input Text', 'darkify'),
681 'placeholder' => esc_html__('Input Placeholder', 'darkify'),
682 'background' => esc_html__('Input Background', 'darkify'),
683 ),
684 'default' => array(
685 'color' => '#092635',
686 'placeholder' => '#989898',
687 'background' => '#BEBEBE',
688 ),
689 ),
690
691 array(
692 'id' => 'dark_mode_border_color_set2',
693 'type' => 'color',
694 'title' => esc_html__('Border', 'darkify'),
695 'desc' => esc_html__('Set the border color of your website when dark mode is enabled.', 'darkify'),
696 'dependency' => array('color_pallets', '==', 'set2', 'all'),
697 'default' => '#5C8374',
698 ),
699 array(
700 'id' => 'dark_mode_btn_color_set2',
701 'type' => 'color_group',
702 'title' => esc_html__('Button', 'darkify'),
703 'desc' => esc_html__('Set the color of buttons of your website when dark mode is enabled.', 'darkify'),
704 'dependency' => array('color_pallets', '==', 'set2', 'all'),
705 'options' => array(
706 'color' => esc_html__('Button Text', 'darkify'),
707 'background' => esc_html__('Button Background', 'darkify'),
708 ),
709 'default' => array(
710 'color' => '#1B4242',
711 'background' => '#BEBEBE',
712 ),
713 ),
714
715
716 // color pallate set 4
717
718 array(
719 'id' => 'dark_mode_color_set4',
720 'type' => 'color_group',
721 'title' => esc_html__('Background', 'darkify'),
722 'desc' => esc_html__('Set the background color of your website when dark mode is enabled.', 'darkify'),
723 'dependency' => array('color_pallets', '==', 'set4', 'all'),
724 'options' => array(
725 'background' => esc_html__('Background Color', 'darkify'),
726 'secondary_background' => esc_html__('Secondary Background', 'darkify'),
727 ),
728 'default' => array(
729 'background' => '#363062',
730 'secondary_background' => '#435585',
731 ),
732 ),
733 array(
734 'id' => 'dark_mode_link_color_set4',
735 'type' => 'color_group',
736 'title' => esc_html__('Text', 'darkify'),
737 'desc' => esc_html__('Set the text color of your website when dark mode is enabled.', 'darkify'),
738 'dependency' => array('color_pallets', '==', 'set4', 'all'),
739 'options' => array(
740 'text' => esc_html__('Text Color', 'darkify'),
741 'color' => esc_html__('Link Color', 'darkify'),
742 'hover' => esc_html__('Link Hover Color', 'darkify'),
743 ),
744 'default' => array(
745 'text' => '#F5E8C7',
746 'color' => '#FFFFFF',
747 'hover' => '#F5E8C7',
748 ),
749 ),
750
751 array(
752 'id' => 'dark_mode_input_color_set4',
753 'type' => 'color_group',
754 'title' => esc_html__('Input', 'darkify'),
755 'desc' => esc_html__('Set the input field color of your website when dark mode is enabled.', 'darkify'),
756 'dependency' => array('color_pallets', '==', 'set4', 'all'),
757 'options' => array(
758 'color' => esc_html__('Input Text', 'darkify'),
759 'placeholder' => esc_html__('Input Placeholder', 'darkify'),
760 'background' => esc_html__('Input Background', 'darkify'),
761 ),
762 'default' => array(
763 'color' => '#363062',
764 'placeholder' => '#989898',
765 'background' => '#BEBEBE',
766 ),
767 ),
768
769 array(
770 'id' => 'dark_mode_border_color_set4',
771 'type' => 'color',
772 'title' => esc_html__('Border', 'darkify'),
773 'desc' => esc_html__('Set the border color of your website when dark mode is enabled.', 'darkify'),
774 'dependency' => array('color_pallets', '==', 'set4', 'all'),
775 'default' => '#818FB4',
776 ),
777 array(
778 'id' => 'dark_mode_btn_color_set4',
779 'type' => 'color_group',
780 'title' => esc_html__('Button', 'darkify'),
781 'desc' => esc_html__('Set the color of buttons of your website when dark mode is enabled.', 'darkify'),
782 'dependency' => array('color_pallets', '==', 'set4', 'all'),
783 'options' => array(
784 'color' => esc_html__('Button Text', 'darkify'),
785 'background' => esc_html__('Button Background', 'darkify'),
786 ),
787 'default' => array(
788 'color' => '#435585',
789 'background' => '#BEBEBE',
790 ),
791 ),
792
793 // color pallate set 5
794
795 array(
796 'id' => 'dark_mode_color_set5',
797 'type' => 'color_group',
798 'title' => esc_html__('Background', 'darkify'),
799 'desc' => esc_html__('Set the background color of your website when dark mode is enabled.', 'darkify'),
800 'dependency' => array('color_pallets', '==', 'set5', 'all'),
801 'options' => array(
802 'background' => esc_html__('Background Color', 'darkify'),
803 'secondary_background' => esc_html__('Secondary Background', 'darkify'),
804 ),
805 'default' => array(
806 'background' => '#22092C',
807 'secondary_background' => '#435585',
808 ),
809 ),
810 array(
811 'id' => 'dark_mode_link_color_set5',
812 'type' => 'color_group',
813 'title' => esc_html__('Text', 'darkify'),
814 'desc' => esc_html__('Set the text color of your website when dark mode is enabled.', 'darkify'),
815 'dependency' => array('color_pallets', '==', 'set5', 'all'),
816 'options' => array(
817 'text' => esc_html__('Text Color', 'darkify'),
818 'color' => esc_html__('Link Color', 'darkify'),
819 'hover' => esc_html__('Link Hover Color', 'darkify'),
820 ),
821 'default' => array(
822 'text' => '#F5E8C7',
823 'color' => '#FFFFFF',
824 'hover' => '#F5E8C7',
825 ),
826 ),
827
828 array(
829 'id' => 'dark_mode_input_color_set5',
830 'type' => 'color_group',
831 'title' => esc_html__('Input', 'darkify'),
832 'desc' => esc_html__('Set the input field color of your website when dark mode is enabled.', 'darkify'),
833 'dependency' => array('color_pallets', '==', 'set5', 'all'),
834 'options' => array(
835 'color' => esc_html__('Input Text', 'darkify'),
836 'placeholder' => esc_html__('Input Placeholder', 'darkify'),
837 'background' => esc_html__('Input Background', 'darkify'),
838 ),
839 'default' => array(
840 'color' => '#22092C',
841 'placeholder' => '#989898',
842 'background' => '#BEBEBE',
843 ),
844 ),
845
846 array(
847 'id' => 'dark_mode_border_color_set5',
848 'type' => 'color',
849 'title' => esc_html__('Border', 'darkify'),
850 'desc' => esc_html__('Set the border color of your website when dark mode is enabled.', 'darkify'),
851 'dependency' => array('color_pallets', '==', 'set5', 'all'),
852 'default' => '#818FB4',
853 ),
854 array(
855 'id' => 'dark_mode_btn_color_set5',
856 'type' => 'color_group',
857 'title' => esc_html__('Button', 'darkify'),
858 'desc' => esc_html__('Set the color of buttons of your website when dark mode is enabled.', 'darkify'),
859 'dependency' => array('color_pallets', '==', 'set5', 'all'),
860 'options' => array(
861 'color' => esc_html__('Button Text', 'darkify'),
862 'background' => esc_html__('Button Background', 'darkify'),
863 ),
864 'default' => array(
865 'color' => '#435585',
866 'background' => '#BEBEBE',
867 ),
868 ),
869
870 // color pallate set 6
871
872 array(
873 'id' => 'dark_mode_color_set6',
874 'type' => 'color_group',
875 'title' => esc_html__('Background', 'darkify'),
876 'desc' => esc_html__('Set the background color of your website when dark mode is enabled.', 'darkify'),
877 'dependency' => array('color_pallets', '==', 'set6', 'all'),
878 'options' => array(
879 'background' => esc_html__('Background Color', 'darkify'),
880 'secondary_background' => esc_html__('Secondary Background', 'darkify'),
881 ),
882 'default' => array(
883 'background' => '#352F44',
884 'secondary_background' => '#5C5470',
885 ),
886 ),
887 array(
888 'id' => 'dark_mode_link_color_set6',
889 'type' => 'color_group',
890 'title' => esc_html__('Text', 'darkify'),
891 'desc' => esc_html__('Set the text color of your website when dark mode is enabled.', 'darkify'),
892 'dependency' => array('color_pallets', '==', 'set6', 'all'),
893 'options' => array(
894 'text' => esc_html__('Text Color', 'darkify'),
895 'color' => esc_html__('Link Color', 'darkify'),
896 'hover' => esc_html__('Link Hover Color', 'darkify'),
897 ),
898 'default' => array(
899 'text' => '#FAF0E6',
900 'color' => '#FFFFFF',
901 'hover' => '#FAF0E6',
902 ),
903 ),
904
905 array(
906 'id' => 'dark_mode_input_color_set6',
907 'type' => 'color_group',
908 'title' => esc_html__('Input', 'darkify'),
909 'desc' => esc_html__('Set the input field color of your website when dark mode is enabled.', 'darkify'),
910 'dependency' => array('color_pallets', '==', 'set6', 'all'),
911 'options' => array(
912 'color' => esc_html__('Input Text', 'darkify'),
913 'placeholder' => esc_html__('Input Placeholder', 'darkify'),
914 'background' => esc_html__('Input Background', 'darkify'),
915 ),
916 'default' => array(
917 'color' => '#352F44',
918 'placeholder' => '#989898',
919 'background' => '#BEBEBE',
920 ),
921 ),
922
923 array(
924 'id' => 'dark_mode_border_color_set6',
925 'type' => 'color',
926 'title' => esc_html__('Border', 'darkify'),
927 'desc' => esc_html__('Set the border color of your website when dark mode is enabled.', 'darkify'),
928 'dependency' => array('color_pallets', '==', 'set6', 'all'),
929 'default' => '#5C5470',
930 ),
931 array(
932 'id' => 'dark_mode_btn_color_set6',
933 'type' => 'color_group',
934 'title' => esc_html__('Button', 'darkify'),
935 'desc' => esc_html__('Set the color of buttons of your website when dark mode is enabled.', 'darkify'),
936 'dependency' => array('color_pallets', '==', 'set6', 'all'),
937 'options' => array(
938 'color' => esc_html__('Button Text', 'darkify'),
939 'background' => esc_html__('Button Background', 'darkify'),
940 ),
941 'default' => array(
942 'color' => '#5C5470',
943 'background' => '#BEBEBE',
944 ),
945 ),
946
947
948
949 // color pallate set 9
950
951 array(
952 'id' => 'dark_mode_color_set9',
953 'type' => 'color_group',
954 'title' => esc_html__('Background', 'darkify'),
955 'desc' => esc_html__('Set the background color of your website when dark mode is enabled.', 'darkify'),
956 'dependency' => array('color_pallets', '==', 'set9', 'all'),
957 'options' => array(
958 'background' => esc_html__('Background Color', 'darkify'),
959 'secondary_background' => esc_html__('Secondary Background', 'darkify'),
960 ),
961 'default' => array(
962 'background' => '#082032',
963 'secondary_background' => '#2C394B',
964 ),
965 ),
966 array(
967 'id' => 'dark_mode_link_color_set9',
968 'type' => 'color_group',
969 'title' => esc_html__('Text', 'darkify'),
970 'desc' => esc_html__('Set the text color of your website when dark mode is enabled.', 'darkify'),
971 'dependency' => array('color_pallets', '==', 'set9', 'all'),
972 'options' => array(
973 'text' => esc_html__('Text Color', 'darkify'),
974 'color' => esc_html__('Link Color', 'darkify'),
975 'hover' => esc_html__('Link Hover Color', 'darkify'),
976 ),
977 'default' => array(
978 'text' => '#FF4C29',
979 'color' => '#FFFFFF',
980 'hover' => '#CCCCCC',
981 ),
982 ),
983
984 array(
985 'id' => 'dark_mode_input_color_set9',
986 'type' => 'color_group',
987 'title' => esc_html__('Input', 'darkify'),
988 'desc' => esc_html__('Set the input field color of your website when dark mode is enabled.', 'darkify'),
989 'dependency' => array('color_pallets', '==', 'set9', 'all'),
990 'options' => array(
991 'color' => esc_html__('Input Text', 'darkify'),
992 'placeholder' => esc_html__('Input Placeholder', 'darkify'),
993 'background' => esc_html__('Input Background', 'darkify'),
994 ),
995 'default' => array(
996 'color' => '#334756',
997 'placeholder' => '#989898',
998 'background' => '#BEBEBE',
999 ),
1000 ),
1001
1002 array(
1003 'id' => 'dark_mode_border_color_set9',
1004 'type' => 'color',
1005 'title' => esc_html__('Border', 'darkify'),
1006 'desc' => esc_html__('Set the border color of your website when dark mode is enabled.', 'darkify'),
1007 'dependency' => array('color_pallets', '==', 'set9', 'all'),
1008 'default' => '#334756',
1009 ),
1010 array(
1011 'id' => 'dark_mode_btn_color_set9',
1012 'type' => 'color_group',
1013 'title' => esc_html__('Button', 'darkify'),
1014 'desc' => esc_html__('Set the color of buttons of your website when dark mode is enabled.', 'darkify'),
1015 'dependency' => array('color_pallets', '==', 'set9', 'all'),
1016 'options' => array(
1017 'color' => esc_html__('Button Text', 'darkify'),
1018 'background' => esc_html__('Button Background', 'darkify'),
1019 ),
1020 'default' => array(
1021 'color' => '#2C394B',
1022 'background' => '#BEBEBE',
1023 ),
1024 ),
1025
1026 // color pallate set 10
1027
1028 array(
1029 'id' => 'dark_mode_color_set10',
1030 'type' => 'color_group',
1031 'title' => esc_html__('Background', 'darkify'),
1032 'desc' => esc_html__('Set the background color of your website when dark mode is enabled.', 'darkify'),
1033 'dependency' => array('color_pallets', '==', 'set10', 'all'),
1034 'options' => array(
1035 'background' => esc_html__('Background Color', 'darkify'),
1036 'secondary_background' => esc_html__('Secondary Background', 'darkify'),
1037 ),
1038 'default' => array(
1039 'background' => '#1D2D50',
1040 'secondary_background' => '#133B5C',
1041 ),
1042 ),
1043 array(
1044 'id' => 'dark_mode_link_color_set10',
1045 'type' => 'color_group',
1046 'title' => esc_html__('Text', 'darkify'),
1047 'desc' => esc_html__('Set the text color of your website when dark mode is enabled.', 'darkify'),
1048 'dependency' => array('color_pallets', '==', 'set10', 'all'),
1049 'options' => array(
1050 'text' => esc_html__('Text Color', 'darkify'),
1051 'color' => esc_html__('Link Color', 'darkify'),
1052 'hover' => esc_html__('Link Hover Color', 'darkify'),
1053 ),
1054 'default' => array(
1055 'text' => '#FCDAB7',
1056 'color' => '#FFFFFF',
1057 'hover' => '#FCDAB7',
1058 ),
1059 ),
1060
1061 array(
1062 'id' => 'dark_mode_input_color_set10',
1063 'type' => 'color_group',
1064 'title' => esc_html__('Input', 'darkify'),
1065 'desc' => esc_html__('Set the input field color of your website when dark mode is enabled.', 'darkify'),
1066 'dependency' => array('color_pallets', '==', 'set10', 'all'),
1067 'options' => array(
1068 'color' => esc_html__('Input Text', 'darkify'),
1069 'placeholder' => esc_html__('Input Placeholder', 'darkify'),
1070 'background' => esc_html__('Input Background', 'darkify'),
1071 ),
1072 'default' => array(
1073 'color' => '#1E5F74',
1074 'placeholder' => '#989898',
1075 'background' => '#BEBEBE',
1076 ),
1077 ),
1078
1079 array(
1080 'id' => 'dark_mode_border_color_set10',
1081 'type' => 'color',
1082 'title' => esc_html__('Border', 'darkify'),
1083 'desc' => esc_html__('Set the border color of your website when dark mode is enabled.', 'darkify'),
1084 'dependency' => array('color_pallets', '==', 'set10', 'all'),
1085 'default' => '#1E5F74',
1086 ),
1087 array(
1088 'id' => 'dark_mode_btn_color_set10',
1089 'type' => 'color_group',
1090 'title' => esc_html__('Button', 'darkify'),
1091 'desc' => esc_html__('Set the color of buttons of your website when dark mode is enabled.', 'darkify'),
1092 'dependency' => array('color_pallets', '==', 'set10', 'all'),
1093 'options' => array(
1094 'color' => esc_html__('Button Text', 'darkify'),
1095 'background' => esc_html__('Button Background', 'darkify'),
1096 ),
1097 'default' => array(
1098 'color' => '#133B5C',
1099 'background' => '#BEBEBE',
1100 ),
1101 ),
1102
1103 // color pallate set 11
1104
1105 array(
1106 'id' => 'dark_mode_color_set11',
1107 'type' => 'color_group',
1108 'title' => esc_html__('Background', 'darkify'),
1109 'desc' => esc_html__('Set the background color of your website when dark mode is enabled.', 'darkify'),
1110 'dependency' => array('color_pallets', '==', 'set11', 'all'),
1111 'options' => array(
1112 'background' => esc_html__('Background Color', 'darkify'),
1113 'secondary_background' => esc_html__('Secondary Background', 'darkify'),
1114 ),
1115 'default' => array(
1116 'background' => '#142850',
1117 'secondary_background' => '#27496D',
1118 ),
1119 ),
1120 array(
1121 'id' => 'dark_mode_link_color_set11',
1122 'type' => 'color_group',
1123 'title' => esc_html__('Text', 'darkify'),
1124 'desc' => esc_html__('Set the text color of your website when dark mode is enabled.', 'darkify'),
1125 'dependency' => array('color_pallets', '==', 'set11', 'all'),
1126 'options' => array(
1127 'text' => esc_html__('Text Color', 'darkify'),
1128 'color' => esc_html__('Link Color', 'darkify'),
1129 'hover' => esc_html__('Link Hover Color', 'darkify'),
1130 ),
1131 'default' => array(
1132 'text' => '#00A8CC',
1133 'color' => '#FFFFFF',
1134 'hover' => '#00A8CC',
1135 ),
1136 ),
1137
1138 array(
1139 'id' => 'dark_mode_input_color_set11',
1140 'type' => 'color_group',
1141 'title' => esc_html__('Input', 'darkify'),
1142 'desc' => esc_html__('Set the input field color of your website when dark mode is enabled.', 'darkify'),
1143 'dependency' => array('color_pallets', '==', 'set11', 'all'),
1144 'options' => array(
1145 'color' => esc_html__('Input Text', 'darkify'),
1146 'placeholder' => esc_html__('Input Placeholder', 'darkify'),
1147 'background' => esc_html__('Input Background', 'darkify'),
1148 ),
1149 'default' => array(
1150 'color' => '#0C7B93',
1151 'placeholder' => '#989898',
1152 'background' => '#BEBEBE',
1153 ),
1154 ),
1155
1156 array(
1157 'id' => 'dark_mode_border_color_set11',
1158 'type' => 'color',
1159 'title' => esc_html__('Border', 'darkify'),
1160 'desc' => esc_html__('Set the border color of your website when dark mode is enabled.', 'darkify'),
1161 'dependency' => array('color_pallets', '==', 'set11', 'all'),
1162 'default' => '#0C7B93',
1163 ),
1164 array(
1165 'id' => 'dark_mode_btn_color_set11',
1166 'type' => 'color_group',
1167 'title' => esc_html__('Button', 'darkify'),
1168 'desc' => esc_html__('Set the color of buttons of your website when dark mode is enabled.', 'darkify'),
1169 'dependency' => array('color_pallets', '==', 'set11', 'all'),
1170 'options' => array(
1171 'color' => esc_html__('Button Text', 'darkify'),
1172 'background' => esc_html__('Button Background', 'darkify'),
1173 ),
1174 'default' => array(
1175 'color' => '#27496D',
1176 'background' => '#BEBEBE',
1177 ),
1178 ),
1179
1180
1181
1182
1183 )));
1184
1185 DRK_LITE::createSection( $prefix, array(
1186 'parent' => 'colors_fields',
1187 'title' => esc_html__('Scrollbar Customization', 'darkify'),
1188 'icon' => 'fas fa-scroll',
1189 'fields' => array(
1190 array(
1191 'type' => 'heading',
1192 'content' => esc_html__('Scrollbar Customization', 'darkify'),
1193 ),
1194 array(
1195 'id' => 'enable_scrollbar_dark',
1196 'type' => 'switcher',
1197 'title' => esc_html__('Enable Dark Mode on Scrollbar', 'darkify'),
1198 'desc' => esc_html__('Want to enable dark mode on the scrollbar of the website?', 'darkify'),
1199 'default' => true,
1200 ),
1201 ),
1202
1203 ));
1204 DRK_LITE::createSection($prefix, array(
1205 'title' => esc_html__('IMAGE STYLE', 'darkify'),
1206 'icon' => 'fas fa-image',
1207 'fields' => array(
1208 // Appearance Control
1209 array(
1210 'type' => 'heading',
1211 'content' => esc_html__('Appearance Control', 'darkify'),
1212 ),
1213
1214 // Low Brightness
1215 array(
1216 'id' => 'brightness',
1217 'type' => 'fieldset',
1218 'title' => esc_html__('Brightness', 'darkify'),
1219 'fields' => array(
1220 array(
1221 'id' => 'enable_low_image_brightness',
1222 'type' => 'switcher',
1223 'title' => esc_html__('Low Brightness', 'darkify'),
1224 'desc' => esc_html__('Switch and select the brightness level of images on dark mode.', 'darkify'),
1225 'text_on' => esc_html__('Yes', 'darkify'),
1226 'text_off' => esc_html__('No', 'darkify'),
1227 'default' => true,
1228 ),
1229 array(
1230 'id' => 'low_image_brightness_label',
1231 'type' => 'select',
1232 'title' => esc_html__('Brightness Label', 'darkify'),
1233 'options' => array(
1234 '0' => esc_html__('0% Brightness', 'darkify'),
1235 '10' => esc_html__('10% Brightness', 'darkify'),
1236 '20' => esc_html__('20% Brightness', 'darkify'),
1237 '30' => esc_html__('30% Brightness', 'darkify'),
1238 '40' => esc_html__('40% Brightness', 'darkify'),
1239 '50' => esc_html__('50% Brightness', 'darkify'),
1240 '60' => esc_html__('60% Brightness', 'darkify'),
1241 '70' => esc_html__('70% Brightness', 'darkify'),
1242 '80' => esc_html__('80% Brightness', 'darkify'),
1243 '90' => esc_html__('90% Brightness', 'darkify'),
1244 '100' => esc_html__('100% Brightness', 'darkify'),
1245 ),
1246 'default' => '80',
1247 'dependency' => array('enable_low_image_brightness', '==', 'true', 'all'),
1248 ),
1249 ),
1250 ),
1251 // Grayscale Image
1252 array(
1253 'id' => 'grayscale',
1254 'type' => 'fieldset',
1255 'title' => esc_html__('Grayscale', 'darkify'),
1256 'fields' => array(
1257 array(
1258 'id' => 'enable_image_grayscale',
1259 'type' => 'switcher',
1260 'title' => esc_html__('Grayscale Image', 'darkify'),
1261 'desc' => esc_html__('Switch and select the grayscale level of images on dark mode.', 'darkify'),
1262 'text_on' => esc_html__('Yes', 'darkify'),
1263 'text_off' => esc_html__('No', 'darkify'),
1264 'default' => false,
1265 ),
1266 array(
1267 'id' => 'image_grayscale_label',
1268 'type' => 'select',
1269 'title' => esc_html__('Grayscale Label', 'darkify'),
1270 'options' => array(
1271 '0' => esc_html__('0% Brightness', 'darkify'),
1272 '10' => esc_html__('10% Grayscale', 'darkify'),
1273 '20' => esc_html__('20% Grayscale', 'darkify'),
1274 '30' => esc_html__('30% Grayscale', 'darkify'),
1275 '40' => esc_html__('40% Grayscale', 'darkify'),
1276 '50' => esc_html__('50% Grayscale', 'darkify'),
1277 '60' => esc_html__('60% Grayscale', 'darkify'),
1278 '70' => esc_html__('70% Grayscale', 'darkify'),
1279 '80' => esc_html__('80% Grayscale', 'darkify'),
1280 '90' => esc_html__('90% Grayscale', 'darkify'),
1281 '100' => esc_html__('100% Grayscale', 'darkify'),
1282 ),
1283 'default' => '80',
1284 'dependency' => array('enable_image_grayscale', '==', 'true', 'all'),
1285 ),
1286
1287 array(
1288 'id' => 'disallowed_low_grayscale_images',
1289 'type' => 'textarea',
1290 'title' => esc_html__('Exclude images', 'darkify'),
1291 'desc' => esc_html__('Enter comma-separated image URLs where grayscale will be normal.', 'darkify'),
1292 'placeholder' => esc_html__('Exclude low grayscale on specific images.', 'darkify'),
1293 'dependency' => array('enable_image_grayscale', '==', 'true', 'all'),
1294 ),
1295 ),
1296 ),
1297
1298 // Darken Background Image
1299 array(
1300 'id' => 'darken_background',
1301 'type' => 'fieldset',
1302 'title' => esc_html__('Darken Background', 'darkify'),
1303 'fields' => array(
1304 array(
1305 'id' => 'enable_low_image_darken',
1306 'type' => 'switcher',
1307 'title' => esc_html__('Darken Background Image', 'darkify'),
1308 'desc' => esc_html__('Switch and select the level of darkness of background images on dark mode.', 'darkify'),
1309 'text_on' => esc_html__('Yes', 'darkify'),
1310 'text_off' => esc_html__('No', 'darkify'),
1311 'default' => true,
1312 ),
1313 array(
1314 'id' => 'low_image_darken_label',
1315 'type' => 'select',
1316 'title' => esc_html__('Darken Label', 'darkify'),
1317 'options' => array(
1318 '0' => esc_html__('0% Darken', 'darkify'),
1319 '10' => esc_html__('10% Darken', 'darkify'),
1320 '20' => esc_html__('20% Darken', 'darkify'),
1321 '30' => esc_html__('30% Darken', 'darkify'),
1322 '40' => esc_html__('40% Darken', 'darkify'),
1323 '50' => esc_html__('50% Darken', 'darkify'),
1324 '60' => esc_html__('60% Darken', 'darkify'),
1325 '70' => esc_html__('70% Darken', 'darkify'),
1326 '80' => esc_html__('80% Darken', 'darkify'),
1327 '90' => esc_html__('90% Darken', 'darkify'),
1328 '100' => esc_html__('100% Darken', 'darkify'),
1329 ),
1330 'default' => '80',
1331 'dependency' => array('enable_low_image_darken', '==', 'true', 'all'),
1332 ),
1333 ),
1334 ),
1335
1336 array(
1337 'id' => 'enable_invert_inline_svg',
1338 'type' => 'switcher',
1339 'title' => esc_html__('Invert Inline SVG', 'darkify'),
1340 'desc' => esc_html__('Turn On to automatically invert all inline SVG images in dark mode.', 'darkify'),
1341 'default' => false,
1342 ),
1343 )
1344 ));
1345 DRK_LITE::createSection($prefix, array(
1346 'title' => esc_html__('VIDEO STYLE', 'darkify'),
1347 'icon' => 'fas fa-play-circle',
1348 'fields' => array(
1349
1350 // Appearance Control
1351 array(
1352 'type' => 'heading',
1353 'content' => esc_html__('Appearance Control', 'darkify'),
1354 ),
1355
1356
1357 // Low Brightness
1358 array(
1359 'id' => 'video_brightness',
1360 'type' => 'fieldset',
1361 'title' => esc_html__('Brightness', 'darkify'),
1362 'fields' => array(
1363 array(
1364 'id' => 'enable_low_video_brightness',
1365 'type' => 'switcher',
1366 'title' => esc_html__('Low Brightness', 'darkify'),
1367 'desc' => esc_html__('Switch and select the brightness level of videos on dark mode.', 'darkify'),
1368 'text_on' => esc_html__('Yes', 'darkify'),
1369 'text_off' => esc_html__('No', 'darkify'),
1370 'default' => true,
1371 ),
1372 array(
1373 'id' => 'low_video_brightness_label',
1374 'type' => 'select',
1375 'title' => esc_html__('Brightness Label', 'darkify'),
1376 'options' => array(
1377 '0' => esc_html__('0% Brightness', 'darkify'),
1378 '10' => esc_html__('10% Brightness', 'darkify'),
1379 '20' => esc_html__('20% Brightness', 'darkify'),
1380 '30' => esc_html__('30% Brightness', 'darkify'),
1381 '40' => esc_html__('40% Brightness', 'darkify'),
1382 '50' => esc_html__('50% Brightness', 'darkify'),
1383 '60' => esc_html__('60% Brightness', 'darkify'),
1384 '70' => esc_html__('70% Brightness', 'darkify'),
1385 '80' => esc_html__('80% Brightness', 'darkify'),
1386 '90' => esc_html__('90% Brightness', 'darkify'),
1387 '100' => esc_html__('100% Brightness', 'darkify'),
1388 ),
1389 'default' => '80',
1390 'dependency' => array('enable_low_video_brightness', '==', 'true', 'all'),
1391 ),
1392 ),
1393 ),
1394
1395 // Grayscale Video
1396 array(
1397 'id' => 'video_grayscale',
1398 'type' => 'fieldset',
1399 'title' => esc_html__('Grayscale', 'darkify'),
1400 'fields' => array(
1401 array(
1402 'id' => 'enable_video_grayscale',
1403 'type' => 'switcher',
1404 'title' => esc_html__('Grayscale Video', 'darkify'),
1405 'desc' => esc_html__('Switch and select the grayscale level of videos on dark mode.', 'darkify'),
1406 'text_on' => esc_html__('Yes', 'darkify'),
1407 'text_off' => esc_html__('No', 'darkify'),
1408 'default' => false,
1409 ),
1410 array(
1411 'id' => 'video_grayscale_label',
1412 'type' => 'select',
1413 'title' => esc_html__('Grayscale Label', 'darkify'),
1414 'options' => array(
1415 '0' => esc_html__('0% Brightness', 'darkify'),
1416 '10' => esc_html__('10% Grayscale', 'darkify'),
1417 '20' => esc_html__('20% Grayscale', 'darkify'),
1418 '30' => esc_html__('30% Grayscale', 'darkify'),
1419 '40' => esc_html__('40% Grayscale', 'darkify'),
1420 '50' => esc_html__('50% Grayscale', 'darkify'),
1421 '60' => esc_html__('60% Grayscale', 'darkify'),
1422 '70' => esc_html__('70% Grayscale', 'darkify'),
1423 '80' => esc_html__('80% Grayscale', 'darkify'),
1424 '90' => esc_html__('90% Grayscale', 'darkify'),
1425 '100' => esc_html__('100% Grayscale', 'darkify'),
1426 ),
1427 'default' => '80',
1428 'dependency' => array('enable_video_grayscale', '==', 'true', 'all'),
1429 ),
1430 ),
1431 ),
1432 )
1433 ));
1434
1435 DRK_LITE::createSection($prefix, array(
1436 'title' => esc_html__('BACKUP', 'darkify'),
1437 'icon' => 'fas fa-shield-alt',
1438 'fields' => array(
1439
1440 // Backup
1441 array(
1442 'type' => 'backup',
1443 ),
1444 )
1445 ));