PluginProbe
Darkify – Dark Mode & Night Mode for Website & Admin (Dark Theme Included) / 1.3.2
Darkify – Dark Mode & Night Mode for Website & Admin (Dark Theme Included) v1.3.2
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 / src / Admin / Views / ColorControl.php

ColorControl.php in Darkify – Dark Mode & Night Mode for Website & Admin (Dark Theme Included) 1.3.2, at src/Admin/Views/ColorControl.php

730 lines 36.0 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 <?php
2
3 /**
4 * Views class for Shortcode generator options.
5 *
6 * @link https://themeatelier.net
7 * @since 1.0.0
8 *
9 * @package darkify
10 * @subpackage darkify/src/Admin/Views/ColorControl
11 * @author ThemeAtelier<themeatelierbd@gmail.com>
12 */
13
14 namespace ThemeAtelier\Darkify\Admin\Views;
15
16 use ThemeAtelier\Darkify\Admin\Framework\Classes\Darkify;
17
18 class ColorControl
19 {
20 /**
21 * Create Option fields for the setting options.
22 *
23 * @param string $prefix Option setting key prefix.
24 * @return void
25 */
26 public static function options($prefix)
27 {
28 Darkify::createSection($prefix, array(
29 'title' => esc_html__('COLOR CONTROL', 'darkify'),
30 'icon' => 'icofont-paint',
31 'fields' => array(
32 array(
33 'type' => 'heading',
34 'content' => esc_html__('Color Preset', 'darkify'),
35 ),
36 array(
37 'id' => 'color_pallets',
38 'type' => 'palette',
39 'class' => 'darkify_preset',
40 'title' => esc_html__('Choose a preset', 'darkify'),
41 'options' => array(
42 'set1' => array('#0F0F0F', '#BEBEBE', '#2D2D2D', '#4A4A4A', '#2D2D2D'),
43 'set2' => array('#092635', '#1B4242', '#5C8374', '#9EC8B9', '#5C8374'),
44 'set4' => array('#363062', '#435585', '#818FB4', '#F5E8C7', '#818FB4'),
45 'set5' => array('#22092C', '#435585', '#818FB4', '#F5E8C7', '#818FB4'),
46 'set6' => array('#352F44', '#5C5470', '#B9B4C7', '#FAF0E6', '#B9B4C7'),
47 'set9' => array('#082032', '#2C394B', '#334756', '#FF4C29', '#334756'),
48 'set10' => array('#1D2D50', '#133B5C', '#1E5F74', '#FCDAB7', '#1E5F74'),
49 'set11' => array('#142850', '#27496D', '#0C7B93', '#00A8CC', '#0C7B93'),
50 ),
51 'default' => 'set1',
52 ),
53
54 array(
55 'type' => 'heading',
56 'content' => esc_html__('Color Customization', 'darkify'),
57 ),
58 // color pallate set 1
59 array(
60 'id' => 'dark_mode_color_set1',
61 'type' => 'color_group',
62 'title' => esc_html__('Background', 'darkify'),
63 'desc' => esc_html__('Set the background color of your website when dark mode is enabled.', 'darkify'),
64 'dependency' => array('color_pallets', '==', 'set1', 'all'),
65 'options' => array(
66 'background' => esc_html__('Background Color', 'darkify'),
67 'secondary_background' => esc_html__('Secondary Background', 'darkify'),
68 ),
69 'default' => array(
70 'background' => '#0F0F0F',
71 'secondary_background' => '#171717',
72 ),
73 ),
74 array(
75 'id' => 'dark_mode_link_color_set1',
76 'type' => 'color_group',
77 'title' => esc_html__('Text', 'darkify'),
78 'desc' => esc_html__('Set the text color of your website when dark mode is enabled.', 'darkify'),
79 'dependency' => array('color_pallets', '==', 'set1', 'all'),
80 'options' => array(
81 'text' => esc_html__('Text Color', 'darkify'),
82 'color' => esc_html__('Link Color', 'darkify'),
83 'hover' => esc_html__('Link Hover Color', 'darkify'),
84 ),
85 'default' => array(
86 'text' => '#BEBEBE',
87 'color' => '#FFFFFF',
88 'hover' => '#CCCCCC',
89 ),
90 ),
91
92 array(
93 'id' => 'dark_mode_input_color_set1',
94 'type' => 'color_group',
95 'title' => esc_html__('Input', 'darkify'),
96 'desc' => esc_html__('Set the input field color of your website when dark mode is enabled.', 'darkify'),
97 'dependency' => array('color_pallets', '==', 'set1', 'all'),
98 'options' => array(
99 'background' => esc_html('Input Background', 'darkify'),
100 'color' => esc_html__('Input Text', 'darkify'),
101 'placeholder' => esc_html('Input Placeholder', 'darkify'),
102 ),
103 'class' => 'only_pro',
104 'default' => array(
105 'color' => '#2D2D2D',
106 'placeholder' => '#989898',
107 'background' => '#BEBEBE',
108 ),
109 ),
110
111 array(
112 'id' => 'dark_mode_border_color_set1',
113 'type' => 'color',
114 'title' => esc_html__('Border', 'darkify'),
115 'desc' => esc_html__('Set the border color of your website when dark mode is enabled.', 'darkify'),
116 'dependency' => array('color_pallets', '==', 'set1', 'all'),
117 'class' => 'only_pro',
118 'default' => '#4A4A4A',
119 ),
120 array(
121 'id' => 'dark_mode_btn_color_set1',
122 'type' => 'color_group',
123 'title' => esc_html__('Button', 'darkify'),
124 'desc' => esc_html__('Set the color of buttons of your website when dark mode is enabled.', 'darkify'),
125 'dependency' => array('color_pallets', '==', 'set1', 'all'),
126 'options' => array(
127 'background' => esc_html('Button Background', 'darkify'),
128 'color' => esc_html__('Button Text', 'darkify'),
129 ),
130 'class' => 'only_pro',
131 'default' => array(
132 'color' => '#2D2D2D',
133 'background' => '#BEBEBE',
134 ),
135 ),
136
137 // color pallate set 2
138 array(
139 'id' => 'dark_mode_color_set2',
140 'type' => 'color_group',
141 'title' => esc_html__('Background', 'darkify'),
142 'desc' => esc_html__('Set the background color of your website when dark mode is enabled.', 'darkify'),
143 'dependency' => array('color_pallets', '==', 'set2', 'all'),
144 'options' => array(
145 'background' => esc_html__('Background Color', 'darkify'),
146 'secondary_background' => esc_html__('Secondary Background', 'darkify'),
147 ),
148 'default' => array(
149 'background' => '#092635',
150 'secondary_background' => '#1B4242',
151 ),
152 ),
153 array(
154 'id' => 'dark_mode_link_color_set2',
155 'type' => 'color_group',
156 'title' => esc_html__('Text', 'darkify'),
157 'desc' => esc_html__('Set the text color of your website when dark mode is enabled.', 'darkify'),
158 'dependency' => array('color_pallets', '==', 'set2', 'all'),
159 'options' => array(
160 'text' => esc_html__('Text Color', 'darkify'),
161 'color' => esc_html__('Link Color', 'darkify'),
162 'hover' => esc_html__('Link Hover Color', 'darkify'),
163 ),
164 'default' => array(
165 'text' => '#9EC8B9',
166 'color' => '#FFFFFF',
167 'hover' => '#9EC8B9',
168 ),
169 ),
170
171 array(
172 'id' => 'dark_mode_input_color_set2',
173 'type' => 'color_group',
174 'title' => esc_html__('Input', 'darkify'),
175 'desc' => esc_html__('Set the input field color of your website when dark mode is enabled.', 'darkify'),
176 'dependency' => array('color_pallets', '==', 'set2', 'all'),
177 'options' => array(
178 'color' => esc_html__('Input Text', 'darkify'),
179 'placeholder' => esc_html__('Input Placeholder', 'darkify'),
180 'background' => esc_html__('Input Background', 'darkify'),
181 ),
182 'class' => 'only_pro',
183 'default' => array(
184 'color' => '#092635',
185 'placeholder' => '#989898',
186 'background' => '#BEBEBE',
187 ),
188 ),
189
190 array(
191 'id' => 'dark_mode_border_color_set2',
192 'type' => 'color',
193 'title' => esc_html__('Border', 'darkify'),
194 'desc' => esc_html__('Set the border color of your website when dark mode is enabled.', 'darkify'),
195 'dependency' => array('color_pallets', '==', 'set2', 'all'),
196 'class' => 'only_pro',
197 'default' => '#5C8374',
198 ),
199 array(
200 'id' => 'dark_mode_btn_color_set2',
201 'type' => 'color_group',
202 'title' => esc_html__('Button', 'darkify'),
203 'desc' => esc_html__('Set the color of buttons of your website when dark mode is enabled.', 'darkify'),
204 'dependency' => array('color_pallets', '==', 'set2', 'all'),
205 'options' => array(
206 'color' => esc_html__('Button Text', 'darkify'),
207 'background' => esc_html__('Button Background', 'darkify'),
208 ),
209 'class' => 'only_pro',
210 'default' => array(
211 'color' => '#1B4242',
212 'background' => '#BEBEBE',
213 ),
214 ),
215
216 // color pallate set 4
217 array(
218 'id' => 'dark_mode_color_set4',
219 'type' => 'color_group',
220 'title' => esc_html__('Background', 'darkify'),
221 'desc' => esc_html__('Set the background color of your website when dark mode is enabled.', 'darkify'),
222 'dependency' => array('color_pallets', '==', 'set4', 'all'),
223 'options' => array(
224 'background' => esc_html__('Background Color', 'darkify'),
225 'secondary_background' => esc_html__('Secondary Background', 'darkify'),
226 ),
227 'default' => array(
228 'background' => '#363062',
229 'secondary_background' => '#435585',
230 ),
231 ),
232 array(
233 'id' => 'dark_mode_link_color_set4',
234 'type' => 'color_group',
235 'title' => esc_html__('Text', 'darkify'),
236 'desc' => esc_html__('Set the text color of your website when dark mode is enabled.', 'darkify'),
237 'dependency' => array('color_pallets', '==', 'set4', 'all'),
238 'options' => array(
239 'text' => esc_html__('Text Color', 'darkify'),
240 'color' => esc_html__('Link Color', 'darkify'),
241 'hover' => esc_html__('Link Hover Color', 'darkify'),
242 ),
243 'default' => array(
244 'text' => '#F5E8C7',
245 'color' => '#FFFFFF',
246 'hover' => '#F5E8C7',
247 ),
248 ),
249
250 array(
251 'id' => 'dark_mode_input_color_set4',
252 'type' => 'color_group',
253 'title' => esc_html__('Input', 'darkify'),
254 'desc' => esc_html__('Set the input field color of your website when dark mode is enabled.', 'darkify'),
255 'dependency' => array('color_pallets', '==', 'set4', 'all'),
256 'options' => array(
257 'color' => esc_html__('Input Text', 'darkify'),
258 'placeholder' => esc_html__('Input Placeholder', 'darkify'),
259 'background' => esc_html__('Input Background', 'darkify'),
260 ),
261 'class' => 'only_pro',
262 'default' => array(
263 'color' => '#363062',
264 'placeholder' => '#989898',
265 'background' => '#BEBEBE',
266 ),
267 ),
268
269 array(
270 'id' => 'dark_mode_border_color_set4',
271 'type' => 'color',
272 'title' => esc_html__('Border', 'darkify'),
273 'desc' => esc_html__('Set the border color of your website when dark mode is enabled.', 'darkify'),
274 'dependency' => array('color_pallets', '==', 'set4', 'all'),
275 'class' => 'only_pro',
276 'default' => '#818FB4',
277 ),
278 array(
279 'id' => 'dark_mode_btn_color_set4',
280 'type' => 'color_group',
281 'title' => esc_html__('Button', 'darkify'),
282 'desc' => esc_html__('Set the color of buttons of your website when dark mode is enabled.', 'darkify'),
283 'dependency' => array('color_pallets', '==', 'set4', 'all'),
284 'options' => array(
285 'color' => esc_html__('Button Text', 'darkify'),
286 'background' => esc_html__('Button Background', 'darkify'),
287 ),
288 'class' => 'only_pro',
289 'default' => array(
290 'color' => '#435585',
291 'background' => '#BEBEBE',
292 ),
293 ),
294
295 // color pallate set 5
296
297 array(
298 'id' => 'dark_mode_color_set5',
299 'type' => 'color_group',
300 'title' => esc_html__('Background', 'darkify'),
301 'desc' => esc_html__('Set the background color of your website when dark mode is enabled.', 'darkify'),
302 'dependency' => array('color_pallets', '==', 'set5', 'all'),
303 'options' => array(
304 'background' => esc_html__('Background Color', 'darkify'),
305 'secondary_background' => esc_html__('Secondary Background', 'darkify'),
306 ),
307 'default' => array(
308 'background' => '#22092C',
309 'secondary_background' => '#435585',
310 ),
311 ),
312 array(
313 'id' => 'dark_mode_link_color_set5',
314 'type' => 'color_group',
315 'title' => esc_html__('Text', 'darkify'),
316 'desc' => esc_html__('Set the text color of your website when dark mode is enabled.', 'darkify'),
317 'dependency' => array('color_pallets', '==', 'set5', 'all'),
318 'options' => array(
319 'text' => esc_html__('Text Color', 'darkify'),
320 'color' => esc_html__('Link Color', 'darkify'),
321 'hover' => esc_html__('Link Hover Color', 'darkify'),
322 ),
323 'default' => array(
324 'text' => '#F5E8C7',
325 'color' => '#FFFFFF',
326 'hover' => '#F5E8C7',
327 ),
328 ),
329
330 array(
331 'id' => 'dark_mode_input_color_set5',
332 'type' => 'color_group',
333 'title' => esc_html__('Input', 'darkify'),
334 'desc' => esc_html__('Set the input field color of your website when dark mode is enabled.', 'darkify'),
335 'dependency' => array('color_pallets', '==', 'set5', 'all'),
336 'options' => array(
337 'color' => esc_html__('Input Text', 'darkify'),
338 'placeholder' => esc_html__('Input Placeholder', 'darkify'),
339 'background' => esc_html__('Input Background', 'darkify'),
340 ),
341 'class' => 'only_pro',
342 'default' => array(
343 'color' => '#22092C',
344 'placeholder' => '#989898',
345 'background' => '#BEBEBE',
346 ),
347 ),
348
349 array(
350 'id' => 'dark_mode_border_color_set5',
351 'type' => 'color',
352 'title' => esc_html__('Border', 'darkify'),
353 'desc' => esc_html__('Set the border color of your website when dark mode is enabled.', 'darkify'),
354 'dependency' => array('color_pallets', '==', 'set5', 'all'),
355 'class' => 'only_pro',
356 'default' => '#818FB4',
357 ),
358 array(
359 'id' => 'dark_mode_btn_color_set5',
360 'type' => 'color_group',
361 'title' => esc_html__('Button', 'darkify'),
362 'desc' => esc_html__('Set the color of buttons of your website when dark mode is enabled.', 'darkify'),
363 'dependency' => array('color_pallets', '==', 'set5', 'all'),
364 'options' => array(
365 'color' => esc_html__('Button Text', 'darkify'),
366 'background' => esc_html__('Button Background', 'darkify'),
367 ),
368 'class' => 'only_pro',
369 'default' => array(
370 'color' => '#435585',
371 'background' => '#BEBEBE',
372 ),
373 ),
374
375 // color pallate set 6
376
377 array(
378 'id' => 'dark_mode_color_set6',
379 'type' => 'color_group',
380 'title' => esc_html__('Background', 'darkify'),
381 'desc' => esc_html__('Set the background color of your website when dark mode is enabled.', 'darkify'),
382 'dependency' => array('color_pallets', '==', 'set6', 'all'),
383 'options' => array(
384 'background' => esc_html__('Background Color', 'darkify'),
385 'secondary_background' => esc_html__('Secondary Background', 'darkify'),
386 ),
387 'default' => array(
388 'background' => '#352F44',
389 'secondary_background' => '#5C5470',
390 ),
391 ),
392 array(
393 'id' => 'dark_mode_link_color_set6',
394 'type' => 'color_group',
395 'title' => esc_html__('Text', 'darkify'),
396 'desc' => esc_html__('Set the text color of your website when dark mode is enabled.', 'darkify'),
397 'dependency' => array('color_pallets', '==', 'set6', 'all'),
398 'options' => array(
399 'text' => esc_html__('Text Color', 'darkify'),
400 'color' => esc_html__('Link Color', 'darkify'),
401 'hover' => esc_html__('Link Hover Color', 'darkify'),
402 ),
403 'default' => array(
404 'text' => '#FAF0E6',
405 'color' => '#FFFFFF',
406 'hover' => '#FAF0E6',
407 ),
408 ),
409
410 array(
411 'id' => 'dark_mode_input_color_set6',
412 'type' => 'color_group',
413 'title' => esc_html__('Input', 'darkify'),
414 'desc' => esc_html__('Set the input field color of your website when dark mode is enabled.', 'darkify'),
415 'dependency' => array('color_pallets', '==', 'set6', 'all'),
416 'options' => array(
417 'color' => esc_html__('Input Text', 'darkify'),
418 'placeholder' => esc_html__('Input Placeholder', 'darkify'),
419 'background' => esc_html__('Input Background', 'darkify'),
420 ),
421 'class' => 'only_pro',
422 'default' => array(
423 'color' => '#352F44',
424 'placeholder' => '#989898',
425 'background' => '#BEBEBE',
426 ),
427 ),
428
429 array(
430 'id' => 'dark_mode_border_color_set6',
431 'type' => 'color',
432 'title' => esc_html__('Border', 'darkify'),
433 'desc' => esc_html__('Set the border color of your website when dark mode is enabled.', 'darkify'),
434 'dependency' => array('color_pallets', '==', 'set6', 'all'),
435 'class' => 'only_pro',
436 'default' => '#5C5470',
437 ),
438 array(
439 'id' => 'dark_mode_btn_color_set6',
440 'type' => 'color_group',
441 'title' => esc_html__('Button', 'darkify'),
442 'desc' => esc_html__('Set the color of buttons of your website when dark mode is enabled.', 'darkify'),
443 'dependency' => array('color_pallets', '==', 'set6', 'all'),
444 'options' => array(
445 'color' => esc_html__('Button Text', 'darkify'),
446 'background' => esc_html__('Button Background', 'darkify'),
447 ),
448 'class' => 'only_pro',
449 'default' => array(
450 'color' => '#5C5470',
451 'background' => '#BEBEBE',
452 ),
453 ),
454
455
456
457 // color pallate set 9
458
459 array(
460 'id' => 'dark_mode_color_set9',
461 'type' => 'color_group',
462 'title' => esc_html__('Background', 'darkify'),
463 'desc' => esc_html__('Set the background color of your website when dark mode is enabled.', 'darkify'),
464 'dependency' => array('color_pallets', '==', 'set9', 'all'),
465 'options' => array(
466 'background' => esc_html__('Background Color', 'darkify'),
467 'secondary_background' => esc_html__('Secondary Background', 'darkify'),
468 ),
469 'default' => array(
470 'background' => '#082032',
471 'secondary_background' => '#2C394B',
472 ),
473 ),
474 array(
475 'id' => 'dark_mode_link_color_set9',
476 'type' => 'color_group',
477 'title' => esc_html__('Text', 'darkify'),
478 'desc' => esc_html__('Set the text color of your website when dark mode is enabled.', 'darkify'),
479 'dependency' => array('color_pallets', '==', 'set9', 'all'),
480 'options' => array(
481 'text' => esc_html__('Text Color', 'darkify'),
482 'color' => esc_html__('Link Color', 'darkify'),
483 'hover' => esc_html__('Link Hover Color', 'darkify'),
484 ),
485 'default' => array(
486 'text' => '#FF4C29',
487 'color' => '#FFFFFF',
488 'hover' => '#CCCCCC',
489 ),
490 ),
491
492 array(
493 'id' => 'dark_mode_input_color_set9',
494 'type' => 'color_group',
495 'title' => esc_html__('Input', 'darkify'),
496 'desc' => esc_html__('Set the input field color of your website when dark mode is enabled.', 'darkify'),
497 'dependency' => array('color_pallets', '==', 'set9', 'all'),
498 'options' => array(
499 'color' => esc_html__('Input Text', 'darkify'),
500 'placeholder' => esc_html__('Input Placeholder', 'darkify'),
501 'background' => esc_html__('Input Background', 'darkify'),
502 ),
503 'class' => 'only_pro',
504 'default' => array(
505 'color' => '#334756',
506 'placeholder' => '#989898',
507 'background' => '#BEBEBE',
508 ),
509 ),
510
511 array(
512 'id' => 'dark_mode_border_color_set9',
513 'type' => 'color',
514 'title' => esc_html__('Border', 'darkify'),
515 'desc' => esc_html__('Set the border color of your website when dark mode is enabled.', 'darkify'),
516 'dependency' => array('color_pallets', '==', 'set9', 'all'),
517 'class' => 'only_pro',
518 'default' => '#334756',
519 ),
520 array(
521 'id' => 'dark_mode_btn_color_set9',
522 'type' => 'color_group',
523 'title' => esc_html__('Button', 'darkify'),
524 'desc' => esc_html__('Set the color of buttons of your website when dark mode is enabled.', 'darkify'),
525 'dependency' => array('color_pallets', '==', 'set9', 'all'),
526 'options' => array(
527 'color' => esc_html__('Button Text', 'darkify'),
528 'background' => esc_html__('Button Background', 'darkify'),
529 ),
530 'class' => 'only_pro',
531 'default' => array(
532 'color' => '#2C394B',
533 'background' => '#BEBEBE',
534 ),
535 ),
536
537 // color pallate set 10
538 array(
539 'id' => 'dark_mode_color_set10',
540 'type' => 'color_group',
541 'title' => esc_html__('Background', 'darkify'),
542 'desc' => esc_html__('Set the background color of your website when dark mode is enabled.', 'darkify'),
543 'dependency' => array('color_pallets', '==', 'set10', 'all'),
544 'options' => array(
545 'background' => esc_html__('Background Color', 'darkify'),
546 'secondary_background' => esc_html__('Secondary Background', 'darkify'),
547 ),
548 'default' => array(
549 'background' => '#1D2D50',
550 'secondary_background' => '#133B5C',
551 ),
552 ),
553 array(
554 'id' => 'dark_mode_link_color_set10',
555 'type' => 'color_group',
556 'title' => esc_html__('Text', 'darkify'),
557 'desc' => esc_html__('Set the text color of your website when dark mode is enabled.', 'darkify'),
558 'dependency' => array('color_pallets', '==', 'set10', 'all'),
559 'options' => array(
560 'text' => esc_html__('Text Color', 'darkify'),
561 'color' => esc_html__('Link Color', 'darkify'),
562 'hover' => esc_html__('Link Hover Color', 'darkify'),
563 ),
564 'default' => array(
565 'text' => '#FCDAB7',
566 'color' => '#FFFFFF',
567 'hover' => '#FCDAB7',
568 ),
569 ),
570
571 array(
572 'id' => 'dark_mode_input_color_set10',
573 'type' => 'color_group',
574 'title' => esc_html__('Input', 'darkify'),
575 'desc' => esc_html__('Set the input field color of your website when dark mode is enabled.', 'darkify'),
576 'dependency' => array('color_pallets', '==', 'set10', 'all'),
577 'options' => array(
578 'color' => esc_html__('Input Text', 'darkify'),
579 'placeholder' => esc_html__('Input Placeholder', 'darkify'),
580 'background' => esc_html__('Input Background', 'darkify'),
581 ),
582 'class' => 'only_pro',
583 'default' => array(
584 'color' => '#1E5F74',
585 'placeholder' => '#989898',
586 'background' => '#BEBEBE',
587 ),
588 ),
589
590 array(
591 'id' => 'dark_mode_border_color_set10',
592 'type' => 'color',
593 'title' => esc_html__('Border', 'darkify'),
594 'desc' => esc_html__('Set the border color of your website when dark mode is enabled.', 'darkify'),
595 'dependency' => array('color_pallets', '==', 'set10', 'all'),
596 'class' => 'only_pro',
597 'default' => '#1E5F74',
598 ),
599 array(
600 'id' => 'dark_mode_btn_color_set10',
601 'type' => 'color_group',
602 'title' => esc_html__('Button', 'darkify'),
603 'desc' => esc_html__('Set the color of buttons of your website when dark mode is enabled.', 'darkify'),
604 'dependency' => array('color_pallets', '==', 'set10', 'all'),
605 'options' => array(
606 'color' => esc_html__('Button Text', 'darkify'),
607 'background' => esc_html__('Button Background', 'darkify'),
608 ),
609 'class' => 'only_pro',
610 'default' => array(
611 'color' => '#133B5C',
612 'background' => '#BEBEBE',
613 ),
614 ),
615
616 // color pallate set 11
617 array(
618 'id' => 'dark_mode_color_set11',
619 'type' => 'color_group',
620 'title' => esc_html__('Background', 'darkify'),
621 'desc' => esc_html__('Set the background color of your website when dark mode is enabled.', 'darkify'),
622 'dependency' => array('color_pallets', '==', 'set11', 'all'),
623 'options' => array(
624 'background' => esc_html__('Background Color', 'darkify'),
625 'secondary_background' => esc_html__('Secondary Background', 'darkify'),
626 ),
627 'default' => array(
628 'background' => '#142850',
629 'secondary_background' => '#27496D',
630 ),
631 ),
632 array(
633 'id' => 'dark_mode_link_color_set11',
634 'type' => 'color_group',
635 'title' => esc_html__('Text', 'darkify'),
636 'desc' => esc_html__('Set the text color of your website when dark mode is enabled.', 'darkify'),
637 'dependency' => array('color_pallets', '==', 'set11', 'all'),
638 'options' => array(
639 'text' => esc_html__('Text Color', 'darkify'),
640 'color' => esc_html__('Link Color', 'darkify'),
641 'hover' => esc_html__('Link Hover Color', 'darkify'),
642 ),
643 'default' => array(
644 'text' => '#00A8CC',
645 'color' => '#FFFFFF',
646 'hover' => '#00A8CC',
647 ),
648 ),
649
650 array(
651 'id' => 'dark_mode_input_color_set11',
652 'type' => 'color_group',
653 'title' => esc_html__('Input', 'darkify'),
654 'desc' => esc_html__('Set the input field color of your website when dark mode is enabled.', 'darkify'),
655 'dependency' => array('color_pallets', '==', 'set11', 'all'),
656 'options' => array(
657 'color' => esc_html__('Input Text', 'darkify'),
658 'placeholder' => esc_html__('Input Placeholder', 'darkify'),
659 'background' => esc_html__('Input Background', 'darkify'),
660 ),
661 'class' => 'only_pro',
662 'default' => array(
663 'color' => '#0C7B93',
664 'placeholder' => '#989898',
665 'background' => '#BEBEBE',
666 ),
667 ),
668
669 array(
670 'id' => 'dark_mode_border_color_set11',
671 'type' => 'color',
672 'title' => esc_html__('Border', 'darkify'),
673 'desc' => esc_html__('Set the border color of your website when dark mode is enabled.', 'darkify'),
674 'dependency' => array('color_pallets', '==', 'set11', 'all'),
675 'class' => 'only_pro',
676 'default' => '#0C7B93',
677 ),
678 array(
679 'id' => 'dark_mode_btn_color_set11',
680 'type' => 'color_group',
681 'title' => esc_html__('Button', 'darkify'),
682 'desc' => esc_html__('Set the color of buttons of your website when dark mode is enabled.', 'darkify'),
683 'dependency' => array('color_pallets', '==', 'set11', 'all'),
684 'options' => array(
685 'color' => esc_html__('Button Text', 'darkify'),
686 'background' => esc_html__('Button Background', 'darkify'),
687 ),
688 'class' => 'only_pro',
689 'default' => array(
690 'color' => '#27496D',
691 'background' => '#BEBEBE',
692 ),
693 ),
694 array(
695 'type' => 'heading',
696 'content' => esc_html__('Scrollbar Customization', 'darkify'),
697 ),
698 array(
699 'id' => 'enable_scrollbar_dark',
700 'type' => 'switcher',
701 'title' => esc_html__('Enable Dark Mode on Scrollbar', 'darkify'),
702 'desc' => esc_html__('Want to enable dark mode on the scrollbar of the website?', 'darkify'),
703 'text_on' => esc_html__('Enabled', 'darkify-pro'),
704 'text_off' => esc_html__('Disabled', 'darkify-pro'),
705 'text_width' => 100,
706 'default' => true,
707 ),
708 array(
709 'id' => 'dark_mode_scrollbar_track_bg',
710 'type' => 'color',
711 'title' => esc_html__('Scrollbar Track Background Color', 'darkify'),
712 'desc' => esc_html__('Set the background color of scrollbars track when dark mode is enabled.', 'darkify'),
713 'default' => '#29292a',
714 'class' => 'only_pro',
715 'dependency' => array('enable_scrollbar_dark', '==', true),
716 ),
717 array(
718 'id' => 'dark_mode_scrollbar_thumb_bg',
719 'type' => 'color',
720 'title' => esc_html__('Scrollbar Thumb Background Color', 'darkify'),
721 'desc' => esc_html__('Set the background color of scrollbars thumb when dark mode is enabled.', 'darkify'),
722 'default' => '#52565a',
723 'class' => 'only_pro',
724 'dependency' => array('enable_scrollbar_dark', '==', true),
725 ),
726 )
727 ));
728 }
729 }
730