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
← All changes | src/Admin/Views/ColorControl.php +669 -879 1.5.31.3.2 View file →
@@ -1,8 +1,8 @@
1 1 <?php
2 2
3 3 /**
4 - * ColorControl class for Color options.
4 + * Views class for Shortcode generator options.
5 5 *
6 6 * @link https://themeatelier.net
7 7 * @since 1.0.0
8 8 *
@@ -24,916 +24,706 @@
24 24 * @return void
25 25 */
26 26 public static function options($prefix)
27 27 {
28 - Darkify::createSection(
29 - $prefix,
30 - array(
31 - 'title' => esc_html__('COLORS', 'darkify'),
32 - 'icon' => 'icofont-paint',
33 - 'fields' => array(
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 + ),
34 53
35 - array(
36 - 'type' => 'section_tab',
37 - 'tabs' => array(
38 - array(
39 - 'title' => esc_html__('Preset', 'darkify'),
40 - 'icon' => 'icofont-color-bucket',
41 - 'fields' => array(
42 - array(
43 - 'id' => 'color_pallets',
44 - 'type' => 'palette',
45 - 'class' => 'darkify_preset',
46 - 'title' => esc_html__('Choose a Preset', 'darkify'),
47 - 'title_help' =>
48 - '<div class="darkify-info-label">' .
49 - __('Choose from pre-made dark mode color presets.', 'darkify') .
50 - '</div><a class="tooltip_btn_primary" href="' . DARKIFY_DEMO_URL . 'colors/#preset" target="_blank">' .
51 - __('Live Demo', 'darkify') .
52 - '</a><a class="tooltip_btn_secondary" href="' . DARKIFY_DOCS_URL . 'colors/#color-presets" target="_blank">' .
53 - __('Open Docs', 'darkify') .
54 - '</a>',
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 + ),
55 91
56 - 'options' => array(
57 - 'set1' => array(
58 - 'colors' => array('#0F0F0F', '#4A4A4A', '#BEBEBE', '#171717', '#2D2D2D'),
59 - 'name' => esc_html__('Carbon Mist', 'darkify'),
60 - 'demo_url' => 'https://youtu.be/0ervhCG6V4U?list=PLo2IcueX81_BbBsEyPeXx52VOcijnGr6l',
61 - ),
62 - 'set3' => array(
63 - 'colors' => array('#211e3c', '#B1BBD8', '#302C57', '#4E478D', '#2A264D'),
64 - 'name' => esc_html__('Midnight Reverie', 'darkify'),
65 - 'demo_url' => 'https://youtu.be/Gz0SDK_08GQ?list=PLo2IcueX81_BbBsEyPeXx52VOcijnGr6l',
66 - ),
67 - 'set9' => array(
68 - 'colors' => array('#04261d', '#C1D2BB', '#021e16', '#073d2f', '#095541'),
69 - 'name' => esc_html__('Verdant Depths', 'darkify'),
70 - 'demo_url' => 'https://youtu.be/8r-yeDV83Cs?list=PLo2IcueX81_BbBsEyPeXx52VOcijnGr6l',
71 - ),
72 - 'set6' => array(
73 - 'colors' => array('#082032', '#B5D9F3', '#061825', '#144E78', '#0E3755'),
74 - 'name' => esc_html__('Celestial Tide', 'darkify'),
75 - 'demo_url' => 'https://youtu.be/isHN5V4i-aw?list=PLo2IcueX81_BbBsEyPeXx52VOcijnGr6l',
76 - ),
77 - 'set10' => array(
78 - 'colors' => array('#171004', '#E0D2BD', '#211706', '#372911', '#5D4010'),
79 - 'name' => esc_html__('Emberwood', 'darkify'),
80 - 'demo_url' => 'https://youtu.be/q4DQOivcurk?list=PLo2IcueX81_BbBsEyPeXx52VOcijnGr6l',
81 - ),
82 - 'set2' => array(
83 - 'colors' => array('#092635', '#BEE0F1', '#081E29', '#123d52', '#195979'),
84 - 'name' => esc_html__('Glacier Drift', 'darkify'),
85 - 'demo_url' => 'https://youtu.be/mwf5nG2gSv4?list=PLo2IcueX81_BbBsEyPeXx52VOcijnGr6l',
86 - 'pro_only' => true,
87 - ),
88 - 'set4' => array(
89 - 'colors' => array('#1d253a', '#B1BBD8', '#2B3655', '#46598C', '#242F4C'),
90 - 'name' => esc_html__('Indigo Veil', 'darkify'),
91 - 'demo_url' => 'https://youtu.be/o58ns9RRGlU?list=PLo2IcueX81_BbBsEyPeXx52VOcijnGr6l',
92 - 'pro_only' => true,
93 - ),
94 - 'set5' => array(
95 - 'colors' => array('#1b1823', '#C6C1D5', '#352f44', '#403953', '#54496f'),
96 - 'name' => esc_html__('Duskmire', 'darkify'),
97 - 'demo_url' => 'https://youtu.be/eAeNuboi--Y?list=PLo2IcueX81_BbBsEyPeXx52VOcijnGr6l',
98 - 'pro_only' => true,
99 - ),
100 - 'set7' => array(
101 - 'colors' => array('#07161b', '#C5E6F0', '#0d242e', '#286F8D', '#19495A'),
102 - 'name' => esc_html__('Tidal Frost', 'darkify'),
103 - 'demo_url' => 'https://youtu.be/cUMElxZ0-EY?list=PLo2IcueX81_BbBsEyPeXx52VOcijnGr6l',
104 - 'pro_only' => true,
105 - ),
106 - 'set8' => array(
107 - 'colors' => array('#15274C', '#ACC1EA', '#112244', '#244892', '#1a2f5c'),
108 - 'name' => esc_html__('Blue Bastion', 'darkify'),
109 - 'demo_url' => 'https://youtu.be/fi_yopdUul4?list=PLo2IcueX81_BbBsEyPeXx52VOcijnGr6l',
110 - 'pro_only' => true,
111 - ),
112 - 'set11' => array(
113 - 'colors' => array('#19081b', '#c09dc2', '#210a24', '#440649', '#2c082f'),
114 - 'name' => esc_html__('Crimson Veil', 'darkify'),
115 - 'demo_url' => 'https://youtu.be/cYHTpisGhBQ?list=PLo2IcueX81_BbBsEyPeXx52VOcijnGr6l',
116 - 'pro_only' => true,
117 - ),
118 - ),
119 - 'default' => 'set1',
120 - ),
121 - array(
122 - 'type' => 'subheading',
123 - 'title' => esc_html__('Customize Selected Preset', 'darkify'),
124 - ),
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 + ),
125 110
126 - // color pallate set 1
127 - array(
128 - 'id' => 'dark_mode_color_set1',
129 - 'type' => 'color_group',
130 - 'title' => esc_html__('Background', 'darkify'),
131 - 'title_help' =>
132 - '<div class="darkify-info-label">' .
133 - __('Set the background colors used when dark mode is enabled on your website.', 'darkify') .
134 - '</div><a class="tooltip_btn_primary" href="' . DARKIFY_DEMO_URL . 'colors/#preset" target="_blank">' .
135 - __('Live Demo', 'darkify') .
136 - '</a><a class="tooltip_btn_secondary" href="' . DARKIFY_DOCS_URL . 'colors/#color-presets" target="_blank">' .
137 - __('Open Docs', 'darkify') .
138 - '</a>',
139 - 'options' => array(
140 - 'background' => esc_html__('Primary', 'darkify'),
141 - 'secondary_background' => esc_html__('Secondary', 'darkify'),
142 - ),
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 + ),
143 136
144 - 'dependency' => array('color_pallets', '==', 'set1', 'all'),
145 - 'default' => array(
146 - 'background' => '#0F0F0F',
147 - 'secondary_background' => '#171717',
148 - ),
149 - ),
150 - array(
151 - 'id' => 'dark_mode_link_color_set1',
152 - 'type' => 'color_group',
153 - 'title' => esc_html__('Text', 'darkify'),
154 - 'title_help' =>
155 - '<div class="darkify-info-label">' .
156 - __('Set the text color of your website when dark mode is enabled.', 'darkify') .
157 - '</div><a class="tooltip_btn_primary" href="' . esc_url(DARKIFY_DEMO_URL . 'colors/#preset') . '" target="_blank">' .
158 - __('Live Demo', 'darkify') .
159 - '</a><a class="tooltip_btn_secondary" href="' . esc_url(DARKIFY_DOCS_URL . 'colors/#color-presets') . '" target="_blank">' .
160 - __('Open Docs', 'darkify') .
161 - '</a>',
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 + ),
162 170
163 - 'dependency' => array('color_pallets', '==', 'set1', 'all'),
164 - 'class' => 'only_pro',
165 - 'options' => array(
166 - 'text' => esc_html__('Text Color', 'darkify'),
167 - 'color' => esc_html__('Link Color', 'darkify'),
168 - 'hover' => esc_html__('Link Hover Color', 'darkify'),
169 - ),
170 - 'default' => array(
171 - 'text' => '#BEBEBE',
172 - 'color' => '#E7E7E7',
173 - 'hover' => '#BEBEBE',
174 - ),
175 - ),
176 - array(
177 - 'id' => 'dark_mode_input_color_set1',
178 - 'type' => 'color_group',
179 - 'title' => esc_html__('Input', 'darkify'),
180 - 'title_help' =>
181 - '<div class="darkify-info-label">' .
182 - __('Set the input field colors of your website when dark mode is enabled.', 'darkify') .
183 - '</div><a class="tooltip_btn_primary" href="' . DARKIFY_DEMO_URL . 'colors/#preset" target="_blank">' .
184 - __('Live Demo', 'darkify') .
185 - '</a><a class="tooltip_btn_secondary" href="' . DARKIFY_DOCS_URL . 'colors/#color-presets" target="_blank">' .
186 - __('Open Docs', 'darkify') .
187 - '</a>',
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 + ),
188 189
189 - 'dependency' => array('color_pallets', '==', 'set1', 'all'),
190 - 'class' => 'only_pro',
191 - 'options' => array(
192 - 'color' => esc_html__('Input Text', 'darkify'),
193 - 'placeholder' => esc_html__('Input Placeholder', 'darkify'),
194 - 'background' => esc_html__('Input Background', 'darkify'),
195 - ),
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 + ),
196 215
197 - 'default' => array(
198 - 'color' => '#BEBEBE',
199 - 'placeholder' => '#BEBEBE',
200 - 'background' => '#2D2D2D',
201 - ),
202 - ),
203 - array(
204 - 'id' => 'dark_mode_border_color_set1',
205 - 'type' => 'color',
206 - 'title' => esc_html__('Border', 'darkify'),
207 - 'title_help' =>
208 - '<div class="darkify-info-label">' .
209 - __('Set the border color of your website when dark mode is enabled.', 'darkify') .
210 - '</div><a class="tooltip_btn_primary" href="' . DARKIFY_DEMO_URL . 'colors/#preset" target="_blank">' .
211 - __('Live Demo', 'darkify') .
212 - '</a><a class="tooltip_btn_secondary" href="' . DARKIFY_DOCS_URL . 'colors/#color-presets" target="_blank">' .
213 - __('Open Docs', 'darkify') .
214 - '</a>',
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 + ),
215 249
216 - 'class' => 'only_pro',
217 - 'dependency' => array('color_pallets', '==', 'set1', 'all'),
218 - 'default' => '#4A4A4A',
219 - ),
220 - array(
221 - 'id' => 'dark_mode_btn_color_set1',
222 - 'type' => 'color_group',
223 - 'title' => esc_html__('Button', 'darkify'),
224 - 'title_help' =>
225 - '<div class="darkify-info-label">' .
226 - __('Set the button colors of your website when dark mode is enabled.', 'darkify') .
227 - '</div><a class="tooltip_btn_primary" href="' . DARKIFY_DEMO_URL . 'colors/#preset" target="_blank">' .
228 - __('Live Demo', 'darkify') .
229 - '</a><a class="tooltip_btn_secondary" href="' . DARKIFY_DOCS_URL . 'colors/#color-presets" target="_blank">' .
230 - __('Open Docs', 'darkify') .
231 - '</a>',
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 + ),
232 268
233 - 'options' => array(
234 - 'color' => esc_html__('Text Color', 'darkify'),
235 - 'background' => esc_html__('Background', 'darkify'),
236 - 'hover_color' => esc_html__('Hover Text Color', 'darkify'),
237 - 'hover_background' => esc_html__('Hover Background', 'darkify'),
238 - ),
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 + ),
239 294
240 - 'class' => 'only_pro',
241 - 'dependency' => array('color_pallets', '==', 'set1', 'all'),
242 - 'default' => array(
243 - 'color' => '#BEBEBE',
244 - 'background' => '#4A4A4A',
245 - 'hover_color' => '#BEBEBE',
246 - 'hover_background' => '#2D2D2D',
247 - ),
248 - ),
249 - // color pallate set 3
250 - array(
251 - 'id' => 'dark_mode_color_set3',
252 - 'type' => 'color_group',
253 - 'title' => esc_html__('Background', 'darkify'),
254 - 'title_help' =>
255 - '<div class="darkify-info-label">' .
256 - __('Set the background color of your website when dark mode is enabled.', 'darkify') .
257 - '</div><a class="tooltip_btn_primary" href="' . DARKIFY_DEMO_URL . 'colors/#preset" target="_blank">' .
258 - __('Live Demo', 'darkify') .
259 - '</a><a class="tooltip_btn_secondary" href="' . DARKIFY_DOCS_URL . 'colors/#color-presets" target="_blank">' .
260 - __('Open Docs', 'darkify') .
261 - '</a>',
295 + // color pallate set 5
262 296
263 - 'options' => array(
264 - 'background' => esc_html__('Primary', 'darkify'),
265 - 'secondary_background' => esc_html__('Secondary', 'darkify'),
266 - ),
267 - 'dependency' => array('color_pallets', '==', 'set3', 'all'),
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 + ),
268 329
269 - 'default' => array(
270 - 'background' => '#211e3c',
271 - 'secondary_background' => '#302C57',
272 - ),
273 - ),
274 - array(
275 - 'id' => 'dark_mode_link_color_set3',
276 - 'type' => 'color_group',
277 - 'title' => esc_html__('Text', 'darkify'),
278 - 'title_help' =>
279 - '<div class="darkify-info-label">' .
280 - __('Set the text and link colors of your website when dark mode is enabled.', 'darkify') .
281 - '</div><a class="tooltip_btn_primary" href="' . DARKIFY_DEMO_URL . 'colors/#preset" target="_blank">' .
282 - __('Live Demo', 'darkify') .
283 - '</a><a class="tooltip_btn_secondary" href="' . DARKIFY_DOCS_URL . 'colors/#color-presets" target="_blank">' .
284 - __('Open Docs', 'darkify') .
285 - '</a>',
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 + ),
286 348
287 - 'options' => array(
288 - 'text' => esc_html__('Text Color', 'darkify'),
289 - 'color' => esc_html__('Link Color', 'darkify'),
290 - 'hover' => esc_html__('Link Hover Color', 'darkify'),
291 - ),
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 + ),
292 374
293 - 'class' => 'only_pro',
294 - 'dependency' => array('color_pallets', '==', 'set3', 'all'),
295 - 'default' => array(
296 - 'text' => '#B1BBD8',
297 - 'color' => '#8071fb',
298 - 'hover' => '#B1BBD8',
299 - ),
300 - ),
301 - array(
302 - 'id' => 'dark_mode_input_color_set3',
303 - 'type' => 'color_group',
304 - 'title' => esc_html__('Input', 'darkify'),
305 - 'title_help' =>
306 - '<div class="darkify-info-label">' .
307 - __('Set the input field color of your website when dark mode is enabled.', 'darkify') .
308 - '</div><a class="tooltip_btn_primary" href="' . DARKIFY_DEMO_URL . 'colors/#preset" target="_blank">' .
309 - __('Live Demo', 'darkify') .
310 - '</a><a class="tooltip_btn_secondary" href="' . DARKIFY_DOCS_URL . 'colors/#color-presets" target="_blank">' .
311 - __('Open Docs', 'darkify') .
312 - '</a>',
375 + // color pallate set 6
313 376
314 - 'options' => array(
315 - 'color' => esc_html__('Input Text', 'darkify'),
316 - 'placeholder' => esc_html__('Input Placeholder', 'darkify'),
317 - 'background' => esc_html__('Input Background', 'darkify'),
318 - ),
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 + ),
319 409
320 - 'class' => 'only_pro',
321 - 'dependency' => array('color_pallets', '==', 'set3', 'all'),
322 - 'default' => array(
323 - 'color' => '#B1BBD8',
324 - 'placeholder' => '#B1BBD8',
325 - 'background' => '#2A264D',
326 - ),
327 - ),
328 - array(
329 - 'id' => 'dark_mode_border_color_set3',
330 - 'type' => 'color',
331 - 'title' => esc_html__('Border', 'darkify'),
332 - 'title_help' =>
333 - '<div class="darkify-info-label">' .
334 - __('Set the border color of your website when dark mode is enabled.', 'darkify') .
335 - '</div><a class="tooltip_btn_primary" href="' . DARKIFY_DEMO_URL . 'colors/#preset" target="_blank">' .
336 - __('Live Demo', 'darkify') .
337 - '</a><a class="tooltip_btn_secondary" href="' . DARKIFY_DOCS_URL . 'colors/#color-presets" target="_blank">' .
338 - __('Open Docs', 'darkify') .
339 - '</a>',
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 + ),
340 428
341 - 'class' => 'only_pro',
342 - 'dependency' => array('color_pallets', '==', 'set3', 'all'),
343 - 'default' => '#4E478D',
344 - ),
345 - array(
346 - 'id' => 'dark_mode_btn_color_set3',
347 - 'type' => 'color_group',
348 - 'title' => esc_html__('Button', 'darkify'),
349 - 'title_help' =>
350 - '<div class="darkify-info-label">' .
351 - __('Set the button colors of your website when dark mode is enabled.', 'darkify') .
352 - '</div><a class="tooltip_btn_primary" href="' . DARKIFY_DEMO_URL . 'colors/#preset" target="_blank">' .
353 - __('Live Demo', 'darkify') .
354 - '</a><a class="tooltip_btn_secondary" href="' . DARKIFY_DOCS_URL . 'colors/#color-presets" target="_blank">' .
355 - __('Open Docs', 'darkify') .
356 - '</a>',
357 - 'options' => array(
358 - 'color' => esc_html__('Text Color', 'darkify'),
359 - 'background' => esc_html__('Background', 'darkify'),
360 - 'hover_color' => esc_html__('Hover Text Color', 'darkify'),
361 - 'hover_background' => esc_html__('Hover Background', 'darkify'),
362 - ),
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 + ),
363 454
364 - 'class' => 'only_pro',
365 - 'dependency' => array('color_pallets', '==', 'set3', 'all'),
366 - 'default' => array(
367 - 'color' => '#4E478D',
368 - 'background' => '#B1BBD8',
369 - 'hover_color' => '#B1BBD8',
370 - 'hover_background' => '#2A264D',
371 - ),
372 - ),
373 - // color pallate set 6
374 - array(
375 - 'id' => 'dark_mode_color_set6',
376 - 'type' => 'color_group',
377 - 'title' => esc_html__('Background', 'darkify'),
378 - 'title_help' =>
379 - '<div class="darkify-info-label">' .
380 - __('Set the background color of your website when dark mode is enabled.', 'darkify') .
381 - '</div><a class="tooltip_btn_primary" href="' . DARKIFY_DEMO_URL . 'colors/#preset" target="_blank">' .
382 - __('Live Demo', 'darkify') .
383 - '</a><a class="tooltip_btn_secondary" href="' . DARKIFY_DOCS_URL . 'colors/#color-presets" target="_blank">' .
384 - __('Open Docs', 'darkify') .
385 - '</a>',
386 - 'options' => array(
387 - 'background' => esc_html__('Primary', 'darkify'),
388 - 'secondary_background' => esc_html__('Secondary', 'darkify'),
389 - ),
390 455
391 - 'dependency' => array('color_pallets', '==', 'set6', 'all'),
392 - 'default' => array(
393 - 'background' => '#082032',
394 - 'secondary_background' => '#2C394B',
395 - ),
396 - ),
397 - array(
398 - 'id' => 'dark_mode_link_color_set6',
399 - 'type' => 'color_group',
400 - 'title' => esc_html__('Text', 'darkify'),
401 - 'title_help' =>
402 - '<div class="darkify-info-label">' .
403 - __('Set the text color of your website when dark mode is enabled.', 'darkify') .
404 - '</div><a class="tooltip_btn_primary" href="' . DARKIFY_DEMO_URL . 'colors/#preset" target="_blank">' .
405 - __('Live Demo', 'darkify') .
406 - '</a><a class="tooltip_btn_secondary" href="' . DARKIFY_DOCS_URL . 'colors/#color-presets" target="_blank">' .
407 - __('Open Docs', 'darkify') .
408 - '</a>',
409 - 'options' => array(
410 - 'text' => esc_html__('Text Color', 'darkify'),
411 - 'color' => esc_html__('Link Color', 'darkify'),
412 - 'hover' => esc_html__('Link Hover Color', 'darkify'),
413 - ),
414 456
415 - 'class' => 'only_pro',
416 - 'dependency' => array('color_pallets', '==', 'set6', 'all'),
417 - 'default' => array(
418 - 'text' => '#B5D9F3',
419 - 'color' => '#61bbff',
420 - 'hover' => '#B5D9F3',
421 - ),
422 - ),
457 + // color pallate set 9
423 458
424 - array(
425 - 'id' => 'dark_mode_input_color_set6',
426 - 'type' => 'color_group',
427 - 'title' => esc_html__('Input', 'darkify'),
428 - 'title_help' =>
429 - '<div class="darkify-info-label">' .
430 - __('Set the input field color of your website when dark mode is enabled.', 'darkify') .
431 - '</div><a class="tooltip_btn_primary" href="' . DARKIFY_DEMO_URL . 'colors/#preset" target="_blank">' .
432 - __('Live Demo', 'darkify') .
433 - '</a><a class="tooltip_btn_secondary" href="' . DARKIFY_DOCS_URL . 'colors/#color-presets" target="_blank">' .
434 - __('Open Docs', 'darkify') .
435 - '</a>',
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 + ),
436 491
437 - 'options' => array(
438 - 'color' => esc_html__('Input Text', 'darkify'),
439 - 'placeholder' => esc_html__('Input Placeholder', 'darkify'),
440 - 'background' => esc_html__('Input Background', 'darkify'),
441 - ),
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 + ),
442 510
443 - 'class' => 'only_pro',
444 - 'dependency' => array('color_pallets', '==', 'set6', 'all'),
445 - 'default' => array(
446 - 'color' => '#B5D9F3',
447 - 'placeholder' => '#B5D9F3',
448 - 'background' => '#0E3755',
449 - ),
450 - ),
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 + ),
451 536
452 - array(
453 - 'id' => 'dark_mode_border_color_set6',
454 - 'type' => 'color',
455 - 'title' => esc_html__('Border', 'darkify'),
456 - 'title_help' =>
457 - '<div class="darkify-info-label">' .
458 - __('Set the border color of your website when dark mode is enabled.', 'darkify') .
459 - '</div><a class="tooltip_btn_primary" href="' . DARKIFY_DEMO_URL . 'colors/#preset" target="_blank">' .
460 - __('Live Demo', 'darkify') .
461 - '</a><a class="tooltip_btn_secondary" href="' . DARKIFY_DOCS_URL . 'colors/#color-presets" target="_blank">' .
462 - __('Open Docs', 'darkify') .
463 - '</a>',
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 + ),
464 570
465 - 'class' => 'only_pro',
466 - 'dependency' => array('color_pallets', '==', 'set6', 'all'),
467 - 'default' => '#3B4D65',
468 - ),
469 - array(
470 - 'id' => 'dark_mode_btn_color_set6',
471 - 'type' => 'color_group',
472 - 'title' => esc_html__('Button', 'darkify'),
473 - 'title_help' =>
474 - '<div class="darkify-info-label">' .
475 - __('Set the button colors of your website when dark mode is enabled.', 'darkify') .
476 - '</div><a class="tooltip_btn_primary" href="' . DARKIFY_DEMO_URL . 'colors/#preset" target="_blank">' .
477 - __('Live Demo', 'darkify') .
478 - '</a><a class="tooltip_btn_secondary" href="' . DARKIFY_DOCS_URL . 'colors/#color-presets" target="_blank">' .
479 - __('Open Docs', 'darkify') .
480 - '</a>',
481 - 'options' => array(
482 - 'color' => esc_html__('Text Color', 'darkify'),
483 - 'background' => esc_html__('Background', 'darkify'),
484 - 'hover_color' => esc_html__('Hover Text Color', 'darkify'),
485 - 'hover_background' => esc_html__('Hover Background', 'darkify'),
486 - ),
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 + ),
487 589
488 - 'class' => 'only_pro',
489 - 'dependency' => array('color_pallets', '==', 'set6', 'all'),
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 + ),
490 615
491 - 'default' => array(
492 - 'color' => '#B5D9F3',
493 - 'background' => '#3B4D65',
494 - 'hover_color' => '#B5D9F3',
495 - 'hover_background' => '#144E78',
496 - ),
497 - ),
498 - // color pallate set 9
499 - array(
500 - 'id' => 'dark_mode_color_set9',
501 - 'type' => 'color_group',
502 - 'title' => esc_html__('Background', 'darkify'),
503 - 'title_help' =>
504 - '<div class="darkify-info-label">' .
505 - __('Set the background color of your website when dark mode is enabled.', 'darkify') .
506 - '</div><a class="tooltip_btn_primary" href="' . DARKIFY_DEMO_URL . 'colors/#preset" target="_blank">' .
507 - __('Live Demo', 'darkify') .
508 - '</a><a class="tooltip_btn_secondary" href="' . DARKIFY_DOCS_URL . 'colors/#color-presets" target="_blank">' .
509 - __('Open Docs', 'darkify') .
510 - '</a>',
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 + ),
511 649
512 - 'dependency' => array('color_pallets', '==', 'set9', 'all'),
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 + ),
513 668
514 - 'options' => array(
515 - 'background' => esc_html__('Primary', 'darkify'),
516 - 'secondary_background' => esc_html__('Secondary', 'darkify'),
517 - ),
518 -
519 - 'default' => array(
520 - 'background' => '#04261d',
521 - 'secondary_background' => '#021e16',
522 - ),
523 - ),
524 - array(
525 - 'id' => 'dark_mode_link_color_set9',
526 - 'type' => 'color_group',
527 - 'title' => esc_html__('Text', 'darkify'),
528 - 'title_help' =>
529 - '<div class="darkify-info-label">' .
530 - __('Set the text and link colors of your website when dark mode is enabled.', 'darkify') .
531 - '</div><a class="tooltip_btn_primary" href="' . DARKIFY_DEMO_URL . 'colors/#preset" target="_blank">' .
532 - __('Live Demo', 'darkify') .
533 - '</a><a class="tooltip_btn_secondary" href="' . DARKIFY_DOCS_URL . 'colors/#color-presets" target="_blank">' .
534 - __('Open Docs', 'darkify') .
535 - '</a>',
536 - 'options' => array(
537 - 'text' => esc_html__('Text Color', 'darkify'),
538 - 'color' => esc_html__('Link Color', 'darkify'),
539 - 'hover' => esc_html__('Link Hover Color', 'darkify'),
540 - ),
541 -
542 - 'class' => 'only_pro',
543 - 'dependency' => array('color_pallets', '==', 'set9', 'all'),
544 - 'default' => array(
545 - 'text' => '#C1D2BB',
546 - 'color' => '#00d29a',
547 - 'hover' => '#C1D2BB',
548 - ),
549 - ),
550 -
551 - array(
552 - 'id' => 'dark_mode_input_color_set9',
553 - 'type' => 'color_group',
554 - 'title' => esc_html__('Input', 'darkify'),
555 - 'title_help' =>
556 - '<div class="darkify-info-label">' .
557 - __('Set the input field colors of your website when dark mode is enabled.', 'darkify') .
558 - '</div><a class="tooltip_btn_primary" href="' . DARKIFY_DEMO_URL . 'colors/#preset" target="_blank">' .
559 - __('Live Demo', 'darkify') .
560 - '</a><a class="tooltip_btn_secondary" href="' . DARKIFY_DOCS_URL . 'colors/#color-presets" target="_blank">' .
561 - __('Open Docs', 'darkify') .
562 - '</a>',
563 -
564 - 'options' => array(
565 - 'color' => esc_html__('Input Text', 'darkify'),
566 - 'placeholder' => esc_html__('Input Placeholder', 'darkify'),
567 - 'background' => esc_html__('Input Background', 'darkify'),
568 - ),
569 -
570 - 'class' => 'only_pro',
571 - 'dependency' => array('color_pallets', '==', 'set9', 'all'),
572 - 'default' => array(
573 - 'color' => '#C1D2BB',
574 - 'placeholder' => '#C1D2BB',
575 - 'background' => '#073d2f',
576 - ),
577 - ),
578 -
579 - array(
580 - 'id' => 'dark_mode_border_color_set9',
581 - 'type' => 'color',
582 - 'title' => esc_html__('Border', 'darkify'),
583 - 'title_help' =>
584 - '<div class="darkify-info-label">' .
585 - __('Set the border color of your website when dark mode is enabled.', 'darkify') .
586 - '</div><a class="tooltip_btn_primary" href="' . DARKIFY_DEMO_URL . 'colors/#preset" target="_blank">' .
587 - __('Live Demo', 'darkify') .
588 - '</a><a class="tooltip_btn_secondary" href="' . DARKIFY_DOCS_URL . 'colors/#color-presets" target="_blank">' .
589 - __('Open Docs', 'darkify') .
590 - '</a>',
591 -
592 - 'class' => 'only_pro',
593 - 'dependency' => array('color_pallets', '==', 'set9', 'all'),
594 - 'default' => '#095541',
595 - ),
596 - array(
597 - 'id' => 'dark_mode_btn_color_set9',
598 - 'type' => 'color_group',
599 - 'title' => esc_html__('Button', 'darkify'),
600 - 'title_help' => '<div class="darkify-info-label">' .
601 - __('Set the button colors of your website when dark mode is enabled.', 'darkify') .
602 - '</div><a class="tooltip_btn_primary" href="' . DARKIFY_DEMO_URL . 'colors/#preset" target="_blank">' .
603 - __('Live Demo', 'darkify') .
604 - '</a><a class="tooltip_btn_secondary" href="' . DARKIFY_DOCS_URL . 'colors/#color-presets" target="_blank">' .
605 - __('Open Docs', 'darkify') .
606 - '</a>',
607 - 'options' => array(
608 - 'color' => esc_html__('Text Color', 'darkify'),
609 - 'background' => esc_html__('Background', 'darkify'),
610 - 'hover_color' => esc_html__('Hover Text Color', 'darkify'),
611 - 'hover_background' => esc_html__('Hover Background', 'darkify'),
612 - ),
613 - 'class' => 'only_pro',
614 - 'dependency' => array('color_pallets', '==', 'set9', 'all'),
615 - 'default' => array(
616 - 'color' => '#C1D2BB',
617 - 'background' => '#095541',
618 - 'hover_color' => '#C1D2BB',
619 - 'hover_background' => '#073d2f',
620 - ),
621 - ),
622 - // color pallate set 10
623 - array(
624 - 'id' => 'dark_mode_color_set10',
625 - 'type' => 'color_group',
626 - 'title' => esc_html__('Background', 'darkify'),
627 - 'title_help' =>
628 - '<div class="darkify-info-label">' .
629 - __('Set the background color of your website when dark mode is enabled.', 'darkify') .
630 - '</div><a class="tooltip_btn_primary" href="' . DARKIFY_DEMO_URL . 'colors/#preset" target="_blank">' .
631 - __('Live Demo', 'darkify') .
632 - '</a><a class="tooltip_btn_secondary" href="' . DARKIFY_DOCS_URL . 'colors/#color-presets" target="_blank">' .
633 - __('Open Docs', 'darkify') .
634 - '</a>',
635 - 'options' => array(
636 - 'background' => esc_html__('Primary', 'darkify'),
637 - 'secondary_background' => esc_html__('Secondary', 'darkify'),
638 - ),
639 -
640 - 'dependency' => array('color_pallets', '==', 'set10', 'all'),
641 - 'default' => array(
642 - 'background' => '#171004',
643 - 'secondary_background' => '#211706',
644 - ),
645 - ),
646 - array(
647 - 'id' => 'dark_mode_link_color_set10',
648 - 'type' => 'color_group',
649 - 'title' => esc_html__('Text', 'darkify'),
650 - 'title_help' =>
651 - '<div class="darkify-info-label">' .
652 - __('Set the text color of your website when dark mode is enabled.', 'darkify') .
653 - '</div><a class="tooltip_btn_primary" href="' . DARKIFY_DEMO_URL . 'colors/#preset" target="_blank">' .
654 - __('Live Demo', 'darkify') .
655 - '</a><a class="tooltip_btn_secondary" href="' . DARKIFY_DOCS_URL . 'colors/#color-presets" target="_blank">' .
656 - __('Open Docs', 'darkify') .
657 - '</a>',
658 - 'options' => array(
659 - 'text' => esc_html__('Text Color', 'darkify'),
660 - 'color' => esc_html__('Link Color', 'darkify'),
661 - 'hover' => esc_html__('Link Hover Color', 'darkify'),
662 - ),
663 -
664 - 'class' => 'only_pro',
665 - 'dependency' => array('color_pallets', '==', 'set10', 'all'),
666 - 'default' => array(
667 - 'text' => '#E0D2BD',
668 - 'color' => '#e09525',
669 - 'hover' => '#E0D2BD',
670 - ),
671 - ),
672 -
673 - array(
674 - 'id' => 'dark_mode_input_color_set10',
675 - 'type' => 'color_group',
676 - 'title' => esc_html__('Input', 'darkify'),
677 - 'title_help' =>
678 - '<div class="darkify-info-label">' .
679 - __('Set the input field colors of your website when dark mode is enabled.', 'darkify') .
680 - '</div><a class="tooltip_btn_primary" href="' . DARKIFY_DEMO_URL . 'colors/#preset" target="_blank">' .
681 - __('Live Demo', 'darkify') .
682 - '</a><a class="tooltip_btn_secondary" href="' . DARKIFY_DOCS_URL . 'colors/#color-presets" target="_blank">' .
683 - __('Open Docs', 'darkify') .
684 - '</a>',
685 -
686 - 'options' => array(
687 - 'color' => esc_html__('Input Text', 'darkify'),
688 - 'placeholder' => esc_html__('Input Placeholder', 'darkify'),
689 - 'background' => esc_html__('Input Background', 'darkify'),
690 - ),
691 -
692 - 'class' => 'only_pro',
693 - 'dependency' => array('color_pallets', '==', 'set10', 'all'),
694 -
695 - 'default' => array(
696 - 'color' => '#E0D2BD',
697 - 'placeholder' => '#E0D2BD',
698 - 'background' => '#372911',
699 - ),
700 - ),
701 -
702 - array(
703 - 'id' => 'dark_mode_border_color_set10',
704 - 'type' => 'color',
705 - 'title' => esc_html__('Border', 'darkify'),
706 - 'title_help' =>
707 - '<div class="darkify-info-label">' .
708 - __('Set the border color of your website when dark mode is enabled.', 'darkify') .
709 - '</div><a class="tooltip_btn_primary" href="' . DARKIFY_DEMO_URL . 'colors/#preset" target="_blank">' .
710 - __('Live Demo', 'darkify') .
711 - '</a><a class="tooltip_btn_secondary" href="' . DARKIFY_DOCS_URL . 'colors/#color-presets" target="_blank">' .
712 - __('Open Docs', 'darkify') .
713 - '</a>',
714 -
715 - 'class' => 'only_pro',
716 - 'dependency' => array('color_pallets', '==', 'set10', 'all'),
717 - 'default' => '#5D4010',
718 - ),
719 - array(
720 - 'id' => 'dark_mode_btn_color_set10',
721 - 'type' => 'color_group',
722 - 'title' => esc_html__('Button', 'darkify'),
723 - 'title' => esc_html__('Button', 'darkify'),
724 - 'title_help' =>
725 - '<div class="darkify-info-label">' .
726 - __('Set the color of buttons on your website when dark mode is enabled.', 'darkify') .
727 - '</div><a class="tooltip_btn_primary" href="' . DARKIFY_DEMO_URL . 'colors/#preset" target="_blank">' .
728 - __('Live Demo', 'darkify') .
729 - '</a><a class="tooltip_btn_secondary" href="' . DARKIFY_DOCS_URL . 'colors/#color-presets" target="_blank">' .
730 - __('Open Docs', 'darkify') .
731 - '</a>',
732 - 'options' => array(
733 - 'color' => esc_html__('Button Text', 'darkify'),
734 - 'background' => esc_html__('Button Background', 'darkify'),
735 - 'hover_color' => esc_html__('Hover Text', 'darkify'),
736 - 'hover_background' => esc_html__('Hover Background', 'darkify'),
737 - ),
738 -
739 - 'class' => 'only_pro',
740 - 'dependency' => array('color_pallets', '==', 'set10', 'all'),
741 - 'default' => array(
742 - 'color' => '#E0D2BD',
743 - 'background' => '#5D4010',
744 - 'hover_color' => '#E0D2BD',
745 - 'hover_background' => '#372911',
746 - ),
747 - ),
748 - // color pallate set 11
749 - array(
750 - 'id' => 'dark_mode_color_set11',
751 - 'type' => 'color_group',
752 - 'title' => esc_html__('Background', 'darkify'),
753 - 'title_help' =>
754 - '<div class="darkify-info-label">' .
755 - __('Set the background color of your website when dark mode is enabled.', 'darkify') .
756 - '</div><a class="tooltip_btn_primary" href="' . DARKIFY_DEMO_URL . 'colors/#preset" target="_blank">' .
757 - __('Live Demo', 'darkify') .
758 - '</a><a class="tooltip_btn_secondary" href="' . DARKIFY_DOCS_URL . 'colors/#color-presets" target="_blank">' .
759 - __('Open Docs', 'darkify') .
760 - '</a>',
761 - 'options' => array(
762 - 'background' => esc_html__('Primary BG', 'darkify'),
763 - 'secondary_background' => esc_html__('Secondary BG', 'darkify'),
764 - ),
765 -
766 - 'dependency' => array('color_pallets', '==', 'set11', 'all'),
767 -
768 - 'default' => array(
769 - 'background' => '#19081b',
770 - 'secondary_background' => '#210a24',
771 - ),
772 - ),
773 - array(
774 - 'id' => 'dark_mode_link_color_set11',
775 - 'type' => 'color_group',
776 - 'title' => esc_html__('Text', 'darkify'),
777 - 'title_help' =>
778 - '<div class="darkify-info-label">' .
779 - __('Set the text color of your website when dark mode is enabled.', 'darkify') .
780 - '</div><a class="tooltip_btn_primary" href="' . DARKIFY_DEMO_URL . 'colors/#preset" target="_blank">' .
781 - __('Live Demo', 'darkify') .
782 - '</a><a class="tooltip_btn_secondary" href="' . DARKIFY_DOCS_URL . 'colors/#color-presets" target="_blank">' .
783 - __('Open Docs', 'darkify') .
784 - '</a>',
785 - 'options' => array(
786 - 'text' => esc_html__('Text Color', 'darkify'),
787 - 'color' => esc_html__('Link Color', 'darkify'),
788 - 'hover' => esc_html__('Link Hover Color', 'darkify'),
789 - ),
790 -
791 - 'class' => 'only_pro',
792 - 'dependency' => array('color_pallets', '==', 'set11', 'all'),
793 -
794 - 'default' => array(
795 - 'text' => '#c09dc2',
796 - 'color' => '#c832d4',
797 - 'hover' => '#c09dc2',
798 - ),
799 - ),
800 -
801 - array(
802 - 'id' => 'dark_mode_input_color_set11',
803 - 'type' => 'color_group',
804 - 'title' => esc_html__('Input', 'darkify'),
805 - 'title_help' =>
806 - '<div class="darkify-info-label">' .
807 - __('Set the input field colors of your website when dark mode is enabled.', 'darkify') .
808 - '</div><a class="tooltip_btn_primary" href="' . DARKIFY_DEMO_URL . 'colors/#preset" target="_blank">' .
809 - __('Live Demo', 'darkify') .
810 - '</a><a class="tooltip_btn_secondary" href="' . DARKIFY_DOCS_URL . 'colors/#color-presets" target="_blank">' .
811 - __('Open Docs', 'darkify') .
812 - '</a>',
813 - 'options' => array(
814 - 'color' => esc_html__('Input Text', 'darkify'),
815 - 'placeholder' => esc_html__('Input Placeholder', 'darkify'),
816 - 'background' => esc_html__('Input Background', 'darkify'),
817 - ),
818 -
819 - 'class' => 'only_pro',
820 - 'dependency' => array('color_pallets', '==', 'set11', 'all'),
821 -
822 - 'default' => array(
823 - 'color' => '#c09dc2',
824 - 'placeholder' => '#c09dc2',
825 - 'background' => '#2c082f',
826 - ),
827 - ),
828 -
829 - array(
830 - 'id' => 'dark_mode_border_color_set11',
831 - 'type' => 'color',
832 - 'title' => esc_html__('Border', 'darkify'),
833 - 'title_help' =>
834 - '<div class="darkify-info-label">' .
835 - __('Set the border color of your website when dark mode is enabled.', 'darkify') .
836 - '</div><a class="tooltip_btn_primary" href="' . DARKIFY_DEMO_URL . 'colors/#preset" target="_blank">' .
837 - __('Live Demo', 'darkify') .
838 - '</a><a class="tooltip_btn_secondary" href="' . DARKIFY_DOCS_URL . 'colors/#color-presets" target="_blank">' .
839 - __('Open Docs', 'darkify') .
840 - '</a>',
841 -
842 - 'class' => 'only_pro',
843 - 'dependency' => array('color_pallets', '==', 'set11', 'all'),
844 - 'default' => '#440649',
845 - ),
846 - array(
847 - 'id' => 'dark_mode_btn_color_set11',
848 - 'type' => 'color_group',
849 - 'title' => esc_html__('Button', 'darkify'),
850 - 'title_help' =>
851 - '<div class="darkify-info-label">' .
852 - __('Set the button colors of your website when dark mode is enabled.', 'darkify') .
853 - '</div><a class="tooltip_btn_primary" href="' . DARKIFY_DEMO_URL . 'colors/#preset" target="_blank">' .
854 - __('Live Demo', 'darkify') .
855 - '</a><a class="tooltip_btn_secondary" href="' . DARKIFY_DOCS_URL . 'colors/#color-presets" target="_blank">' .
856 - __('Open Docs', 'darkify') .
857 - '</a>',
858 -
859 - 'options' => array(
860 - 'color' => esc_html__('Text Color', 'darkify'),
861 - 'background' => esc_html__('Background', 'darkify'),
862 - 'hover_color' => esc_html__('Hover Text Color', 'darkify'),
863 - 'hover_background' => esc_html__('Hover Background', 'darkify'),
864 - ),
865 -
866 - 'class' => 'only_pro',
867 - 'dependency' => array('color_pallets', '==', 'set11', 'all'),
868 -
869 - 'default' => array(
870 - 'color' => '#c09dc2',
871 - 'background' => '#440649',
872 - 'hover_color' => '#c09dc2',
873 - 'hover_background' => '#2c082f',
874 - ),
875 - ),
876 - )
877 - ),
878 -
879 - array(
880 - 'title' => esc_html__('Scroll Bar', 'darkify'),
881 - 'icon' => 'icofont-scroll-double-down',
882 - 'fields' => array(
883 - array(
884 - 'id' => 'enable_scrollbar_dark',
885 - 'type' => 'switcher',
886 - 'title' => esc_html__('Enable Dark Mode on Scrollbar', 'darkify'),
887 - 'title_help' =>
888 - '<div class="darkify-info-label">' .
889 - __('Enable dark mode styling for the website scrollbar.', 'darkify') .
890 - '</div><a class="tooltip_btn_primary" href="' . DARKIFY_DEMO_URL . 'colors/#scrollbars" target="_blank">' .
891 - __('Live Demo', 'darkify') .
892 - '</a><a class="tooltip_btn_secondary" href="' . DARKIFY_DOCS_URL . 'colors/#dark-mode-scrollbar" target="_blank">' .
893 - __('Open Docs', 'darkify') .
894 - '</a>',
895 -
896 - 'text_on' => esc_html__('Enabled', 'darkify'),
897 - 'text_off' => esc_html__('Disabled', 'darkify'),
898 - 'text_width' => 100,
899 - 'default' => true,
900 - ),
901 -
902 - array(
903 - 'id' => 'scrollbar_color',
904 - 'type' => 'color_group',
905 - 'title' => esc_html__('Scrollbar Color', 'darkify'),
906 - 'title_help' =>
907 - '<div class="darkify-info-label">' .
908 - __('Set the track and thumb background colors of the scrollbar when dark mode is enabled.', 'darkify') .
909 - '</div><a class="tooltip_btn_primary" href="' . DARKIFY_DEMO_URL . 'colors/#scrollbars" target="_blank">' .
910 - __('Live Demo', 'darkify') .
911 - '</a><a class="tooltip_btn_secondary" href="' . DARKIFY_DOCS_URL . 'colors/#dark-mode-scrollbar" target="_blank">' .
912 - __('Open Docs', 'darkify') .
913 - '</a>',
914 -
915 - 'options' => array(
916 - 'dark_mode_scrollbar_track_bg' => esc_html__('Track Background', 'darkify'),
917 - 'dark_mode_scrollbar_thumb_bg' => esc_html__('Thumb Background', 'darkify'),
918 - ),
919 -
920 - 'class' => 'only_pro',
921 -
922 - 'default' => array(
923 - 'dark_mode_scrollbar_track_bg' => '#29292a',
924 - 'dark_mode_scrollbar_thumb_bg' => '#52565a',
925 - ),
926 - 'dependency' => array('enable_scrollbar_dark', '==', 'true'),
927 - ),
928 -
929 -
930 - )
931 - ),
932 -
933 - )
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'),
934 687 ),
688 + 'class' => 'only_pro',
689 + 'default' => array(
690 + 'color' => '#27496D',
691 + 'background' => '#BEBEBE',
692 + ),
935 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 + ),
936 726 )
937 - );
727 + ));
938 728 }
939 729 }