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

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