PluginProbe
Darkify – Dark Mode & Night Mode for Website & Admin (Dark Theme Included) / 1.4.6
Darkify – Dark Mode & Night Mode for Website & Admin (Dark Theme Included) v1.4.6
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 +145 -427 1.5.31.4.6 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 *
@@ -42,18 +42,10 @@
42 42 array(
43 43 'id' => 'color_pallets',
44 44 'type' => 'palette',
45 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>',
55 -
46 + 'title' => esc_html__('Choose A Preset', 'darkify'),
47 + 'title_help' => '<div class="darkify-info-label">' . __('Choose from pre-made dark mode color presets.', 'darkify') . '</div><a class="tooltip_btn_primary" href="https://darkifywp.com/colors/" target="_blank">' . __('Live Demo', 'darkify') . '</a><a class="tooltip_btn_secondary" href="https://docs.themeatelier.net/docs/darkify-pro/darkify-settings/colors/" target="_blank">' . __('Open Docs', 'darkify') . '</a>',
56 48 'options' => array(
57 49 'set1' => array(
58 50 'colors' => array('#0F0F0F', '#4A4A4A', '#BEBEBE', '#171717', '#2D2D2D'),
59 51 'name' => esc_html__('Carbon Mist', 'darkify'),
@@ -127,22 +119,14 @@
127 119 array(
128 120 'id' => 'dark_mode_color_set1',
129 121 'type' => 'color_group',
130 122 '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'),
123 + 'title_help' => '<div class="darkify-info-label">' . __('Set the background color of your website when dark mode is enabled.', 'darkify') . '</div>',
124 + 'dependency' => array('color_pallets', '==', 'set1', 'all'),
125 + 'options' => array(
126 + 'background' => esc_html__('Primary BG', 'darkify'),
127 + 'secondary_background' => esc_html__('Secondary BG', 'darkify'),
142 128 ),
143 -
144 - 'dependency' => array('color_pallets', '==', 'set1', 'all'),
145 129 'default' => array(
146 130 'background' => '#0F0F0F',
147 131 'secondary_background' => '#171717',
148 132 ),
@@ -150,17 +134,9 @@
150 134 array(
151 135 'id' => 'dark_mode_link_color_set1',
152 136 'type' => 'color_group',
153 137 '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>',
162 -
138 + 'title_help' => '<div class="darkify-info-label">' . __('Set the text color of your website when dark mode is enabled.', 'darkify') . '</div>',
163 139 'dependency' => array('color_pallets', '==', 'set1', 'all'),
164 140 'class' => 'only_pro',
165 141 'options' => array(
166 142 'text' => esc_html__('Text Color', 'darkify'),
@@ -176,25 +152,16 @@
176 152 array(
177 153 'id' => 'dark_mode_input_color_set1',
178 154 'type' => 'color_group',
179 155 '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>',
188 -
156 + 'title_help' => '<div class="darkify-info-label">' . __('Set the input field color of your website when dark mode is enabled.', 'darkify') . '</div>',
189 157 'dependency' => array('color_pallets', '==', 'set1', 'all'),
190 158 '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'),
159 + 'options' => array(
160 + 'color' => esc_html__('Input Text', 'darkify'),
161 + 'placeholder' => esc_html('Input Placeholder', 'darkify'),
162 + 'background' => esc_html('Input Background', 'darkify'),
195 163 ),
196 -
197 164 'default' => array(
198 165 'color' => '#BEBEBE',
199 166 'placeholder' => '#BEBEBE',
200 167 'background' => '#2D2D2D',
@@ -203,17 +170,9 @@
203 170 array(
204 171 'id' => 'dark_mode_border_color_set1',
205 172 'type' => 'color',
206 173 '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>',
215 -
174 + 'title_help' => '<div class="darkify-info-label">' . __('Set the border color of your website when dark mode is enabled.', 'darkify') . '</div>',
216 175 'class' => 'only_pro',
217 176 'dependency' => array('color_pallets', '==', 'set1', 'all'),
218 177 'default' => '#4A4A4A',
219 178 ),
@@ -220,26 +179,17 @@
220 179 array(
221 180 'id' => 'dark_mode_btn_color_set1',
222 181 'type' => 'color_group',
223 182 '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>',
232 -
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 - ),
239 -
183 + 'title_help' => '<div class="darkify-info-label">' . __('Set the color of buttons of your website when dark mode is enabled.', 'darkify') . '</div>',
240 184 'class' => 'only_pro',
241 185 'dependency' => array('color_pallets', '==', 'set1', 'all'),
186 + 'options' => array(
187 + 'color' => esc_html__('Color', 'darkify'),
188 + 'background' => esc_html('Background', 'darkify'),
189 + 'hover_color' => esc_html__('Hover Color', 'darkify'),
190 + 'hover_background' => esc_html('Hover Background', 'darkify'),
191 + ),
242 192 'default' => array(
243 193 'color' => '#BEBEBE',
244 194 'background' => '#4A4A4A',
245 195 'hover_color' => '#BEBEBE',
@@ -250,23 +200,14 @@
250 200 array(
251 201 'id' => 'dark_mode_color_set3',
252 202 'type' => 'color_group',
253 203 '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>',
262 -
204 + 'title_help' => '<div class="darkify-info-label">' . __('Set the background color of your website when dark mode is enabled.', 'darkify') . '</div>',
205 + 'dependency' => array('color_pallets', '==', 'set3', 'all'),
263 206 'options' => array(
264 - 'background' => esc_html__('Primary', 'darkify'),
265 - 'secondary_background' => esc_html__('Secondary', 'darkify'),
207 + 'background' => esc_html__('Primary BG', 'darkify'),
208 + 'secondary_background' => esc_html__('Secondary BG', 'darkify'),
266 209 ),
267 - 'dependency' => array('color_pallets', '==', 'set3', 'all'),
268 -
269 210 'default' => array(
270 211 'background' => '#211e3c',
271 212 'secondary_background' => '#302C57',
272 213 ),
@@ -274,25 +215,16 @@
274 215 array(
275 216 'id' => 'dark_mode_link_color_set3',
276 217 'type' => 'color_group',
277 218 '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>',
286 -
287 - 'options' => array(
288 - 'text' => esc_html__('Text Color', 'darkify'),
219 + 'title_help' => '<div class="darkify-info-label">' . __('Set the text color of your website when dark mode is enabled.', 'darkify') . '</div>',
220 + 'class' => 'only_pro',
221 + 'dependency' => array('color_pallets', '==', 'set3', 'all'),
222 + 'options' => array(
223 + 'text' => esc_html__('Text Color', 'darkify'),
289 224 'color' => esc_html__('Link Color', 'darkify'),
290 225 'hover' => esc_html__('Link Hover Color', 'darkify'),
291 226 ),
292 -
293 - 'class' => 'only_pro',
294 - 'dependency' => array('color_pallets', '==', 'set3', 'all'),
295 227 'default' => array(
296 228 'text' => '#B1BBD8',
297 229 'color' => '#8071fb',
298 230 'hover' => '#B1BBD8',
@@ -301,25 +233,16 @@
301 233 array(
302 234 'id' => 'dark_mode_input_color_set3',
303 235 'type' => 'color_group',
304 236 '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>',
313 -
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 - ),
319 -
237 + 'title_help' => '<div class="darkify-info-label">' . __('Set the input field color of your website when dark mode is enabled.', 'darkify') . '</div>',
320 238 'class' => 'only_pro',
321 239 'dependency' => array('color_pallets', '==', 'set3', 'all'),
240 + 'options' => array(
241 + 'color' => esc_html__('Input Text', 'darkify'),
242 + 'placeholder' => esc_html('Input Placeholder', 'darkify'),
243 + 'background' => esc_html('Input Background', 'darkify'),
244 + ),
322 245 'default' => array(
323 246 'color' => '#B1BBD8',
324 247 'placeholder' => '#B1BBD8',
325 248 'background' => '#2A264D',
@@ -328,17 +251,9 @@
328 251 array(
329 252 'id' => 'dark_mode_border_color_set3',
330 253 'type' => 'color',
331 254 '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>',
340 -
255 + 'title_help' => '<div class="darkify-info-label">' . __('Set the border color of your website when dark mode is enabled.', 'darkify') . '</div>',
341 256 'class' => 'only_pro',
342 257 'dependency' => array('color_pallets', '==', 'set3', 'all'),
343 258 'default' => '#4E478D',
344 259 ),
@@ -345,25 +260,17 @@
345 260 array(
346 261 'id' => 'dark_mode_btn_color_set3',
347 262 'type' => 'color_group',
348 263 '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 - ),
363 -
264 + 'title_help' => '<div class="darkify-info-label">' . __('Set the color of buttons of your website when dark mode is enabled.', 'darkify') . '</div>',
364 265 'class' => 'only_pro',
365 266 'dependency' => array('color_pallets', '==', 'set3', 'all'),
267 + 'options' => array(
268 + 'color' => esc_html__('Color', 'darkify'),
269 + 'background' => esc_html('Background', 'darkify'),
270 + 'hover_color' => esc_html('Background', 'darkify'),
271 + 'hover_background' => esc_html('Background', 'darkify'),
272 + ),
366 273 'default' => array(
367 274 'color' => '#4E478D',
368 275 'background' => '#B1BBD8',
369 276 'hover_color' => '#B1BBD8',
@@ -374,22 +281,14 @@
374 281 array(
375 282 'id' => 'dark_mode_color_set6',
376 283 'type' => 'color_group',
377 284 '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'),
285 + 'title_help' => '<div class="darkify-info-label">' . __('Set the background color of your website when dark mode is enabled.', 'darkify') . '</div>',
286 + 'dependency' => array('color_pallets', '==', 'set6', 'all'),
287 + 'options' => array(
288 + 'background' => esc_html__('Primary BG', 'darkify'),
289 + 'secondary_background' => esc_html__('Secondary BG', 'darkify'),
389 290 ),
390 -
391 - 'dependency' => array('color_pallets', '==', 'set6', 'all'),
392 291 'default' => array(
393 292 'background' => '#082032',
394 293 'secondary_background' => '#2C394B',
395 294 ),
@@ -397,24 +296,16 @@
397 296 array(
398 297 'id' => 'dark_mode_link_color_set6',
399 298 'type' => 'color_group',
400 299 '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'),
300 + 'title_help' => '<div class="darkify-info-label">' . __('Set the text color of your website when dark mode is enabled.', 'darkify') . '</div>',
301 + 'class' => 'only_pro',
302 + 'dependency' => array('color_pallets', '==', 'set6', 'all'),
303 + 'options' => array(
304 + 'text' => esc_html__('Text Color', 'darkify'),
411 305 'color' => esc_html__('Link Color', 'darkify'),
412 306 'hover' => esc_html__('Link Hover Color', 'darkify'),
413 307 ),
414 -
415 - 'class' => 'only_pro',
416 - 'dependency' => array('color_pallets', '==', 'set6', 'all'),
417 308 'default' => array(
418 309 'text' => '#B5D9F3',
419 310 'color' => '#61bbff',
420 311 'hover' => '#B5D9F3',
@@ -424,25 +315,16 @@
424 315 array(
425 316 'id' => 'dark_mode_input_color_set6',
426 317 'type' => 'color_group',
427 318 '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>',
436 -
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 - ),
442 -
319 + 'title_help' => '<div class="darkify-info-label">' . __('Set the input field color of your website when dark mode is enabled.', 'darkify') . '</div>',
443 320 'class' => 'only_pro',
444 321 'dependency' => array('color_pallets', '==', 'set6', 'all'),
322 + 'options' => array(
323 + 'color' => esc_html__('Input Text', 'darkify'),
324 + 'placeholder' => esc_html('Input Placeholder', 'darkify'),
325 + 'background' => esc_html('Input Background', 'darkify'),
326 + ),
445 327 'default' => array(
446 328 'color' => '#B5D9F3',
447 329 'placeholder' => '#B5D9F3',
448 330 'background' => '#0E3755',
@@ -452,17 +334,9 @@
452 334 array(
453 335 'id' => 'dark_mode_border_color_set6',
454 336 'type' => 'color',
455 337 '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>',
464 -
338 + 'title_help' => '<div class="darkify-info-label">' . __('Set the border color of your website when dark mode is enabled.', 'darkify') . '</div>',
465 339 'class' => 'only_pro',
466 340 'dependency' => array('color_pallets', '==', 'set6', 'all'),
467 341 'default' => '#3B4D65',
468 342 ),
@@ -469,26 +343,17 @@
469 343 array(
470 344 'id' => 'dark_mode_btn_color_set6',
471 345 'type' => 'color_group',
472 346 '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 - ),
487 -
347 + 'title_help' => '<div class="darkify-info-label">' . __('Set the color of buttons of your website when dark mode is enabled.', 'darkify') . '</div>',
488 348 'class' => 'only_pro',
489 349 'dependency' => array('color_pallets', '==', 'set6', 'all'),
490 -
350 + 'options' => array(
351 + 'color' => esc_html__('Color', 'darkify'),
352 + 'background' => esc_html('Background', 'darkify'),
353 + 'hover_color' => esc_html('Background', 'darkify'),
354 + 'hover_background' => esc_html('Background', 'darkify'),
355 + ),
491 356 'default' => array(
492 357 'color' => '#B5D9F3',
493 358 'background' => '#3B4D65',
494 359 'hover_color' => '#B5D9F3',
@@ -499,24 +364,14 @@
499 364 array(
500 365 'id' => 'dark_mode_color_set9',
501 366 'type' => 'color_group',
502 367 '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>',
511 -
368 + 'title_help' => '<div class="darkify-info-label">' . __('Set the background color of your website when dark mode is enabled.', 'darkify') . '</div>',
512 369 'dependency' => array('color_pallets', '==', 'set9', 'all'),
513 -
514 - 'options' => array(
515 - 'background' => esc_html__('Primary', 'darkify'),
516 - 'secondary_background' => esc_html__('Secondary', 'darkify'),
370 + 'options' => array(
371 + 'background' => esc_html__('Primary BG', 'darkify'),
372 + 'secondary_background' => esc_html__('Secondary BG', 'darkify'),
517 373 ),
518 -
519 374 'default' => array(
520 375 'background' => '#04261d',
521 376 'secondary_background' => '#021e16',
522 377 ),
@@ -524,24 +379,16 @@
524 379 array(
525 380 'id' => 'dark_mode_link_color_set9',
526 381 'type' => 'color_group',
527 382 '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'),
383 + 'title_help' => '<div class="darkify-info-label">' . __('Set the text color of your website when dark mode is enabled.', 'darkify') . '</div>',
384 + 'class' => 'only_pro',
385 + 'dependency' => array('color_pallets', '==', 'set9', 'all'),
386 + 'options' => array(
387 + 'text' => esc_html__('Text Color', 'darkify'),
538 388 'color' => esc_html__('Link Color', 'darkify'),
539 389 'hover' => esc_html__('Link Hover Color', 'darkify'),
540 390 ),
541 -
542 - 'class' => 'only_pro',
543 - 'dependency' => array('color_pallets', '==', 'set9', 'all'),
544 391 'default' => array(
545 392 'text' => '#C1D2BB',
546 393 'color' => '#00d29a',
547 394 'hover' => '#C1D2BB',
@@ -551,25 +398,16 @@
551 398 array(
552 399 'id' => 'dark_mode_input_color_set9',
553 400 'type' => 'color_group',
554 401 '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 -
402 + 'title_help' => '<div class="darkify-info-label">' . __('Set the input field color of your website when dark mode is enabled.', 'darkify') . '</div>',
570 403 'class' => 'only_pro',
571 404 'dependency' => array('color_pallets', '==', 'set9', 'all'),
405 + 'options' => array(
406 + 'color' => esc_html__('Input Text', 'darkify'),
407 + 'placeholder' => esc_html('Input Placeholder', 'darkify'),
408 + 'background' => esc_html('Input Background', 'darkify'),
409 + ),
572 410 'default' => array(
573 411 'color' => '#C1D2BB',
574 412 'placeholder' => '#C1D2BB',
575 413 'background' => '#073d2f',
@@ -579,17 +417,9 @@
579 417 array(
580 418 'id' => 'dark_mode_border_color_set9',
581 419 'type' => 'color',
582 420 '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 -
421 + 'title_help' => '<div class="darkify-info-label">' . __('Set the border color of your website when dark mode is enabled.', 'darkify') . '</div>',
592 422 'class' => 'only_pro',
593 423 'dependency' => array('color_pallets', '==', 'set9', 'all'),
594 424 'default' => '#095541',
595 425 ),
@@ -596,23 +426,17 @@
596 426 array(
597 427 'id' => 'dark_mode_btn_color_set9',
598 428 'type' => 'color_group',
599 429 '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 - ),
430 + 'title_help' => '<div class="darkify-info-label">' . __('Set the color of buttons of your website when dark mode is enabled.', 'darkify') . '</div>',
613 431 'class' => 'only_pro',
614 432 'dependency' => array('color_pallets', '==', 'set9', 'all'),
433 + 'options' => array(
434 + 'color' => esc_html__('Color', 'darkify'),
435 + 'background' => esc_html('Background', 'darkify'),
436 + 'hover_color' => esc_html__('Button Text', 'darkify'),
437 + 'hover_background' => esc_html('Button Background', 'darkify'),
438 + ),
615 439 'default' => array(
616 440 'color' => '#C1D2BB',
617 441 'background' => '#095541',
618 442 'hover_color' => '#C1D2BB',
@@ -623,22 +447,14 @@
623 447 array(
624 448 'id' => 'dark_mode_color_set10',
625 449 'type' => 'color_group',
626 450 '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'),
451 + 'title_help' => '<div class="darkify-info-label">' . __('Set the background color of your website when dark mode is enabled.', 'darkify') . '</div>',
452 + 'dependency' => array('color_pallets', '==', 'set10', 'all'),
453 + 'options' => array(
454 + 'background' => esc_html__('Primary BG', 'darkify'),
455 + 'secondary_background' => esc_html__('Secondary BG Test', 'darkify'),
638 456 ),
639 -
640 - 'dependency' => array('color_pallets', '==', 'set10', 'all'),
641 457 'default' => array(
642 458 'background' => '#171004',
643 459 'secondary_background' => '#211706',
644 460 ),
@@ -646,24 +462,16 @@
646 462 array(
647 463 'id' => 'dark_mode_link_color_set10',
648 464 'type' => 'color_group',
649 465 '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'),
466 + 'title_help' => '<div class="darkify-info-label">' . __('Set the text color of your website when dark mode is enabled.', 'darkify') . '</div>',
467 + 'class' => 'only_pro',
468 + 'dependency' => array('color_pallets', '==', 'set10', 'all'),
469 + 'options' => array(
470 + 'text' => esc_html__('Text Color', 'darkify'),
660 471 'color' => esc_html__('Link Color', 'darkify'),
661 472 'hover' => esc_html__('Link Hover Color', 'darkify'),
662 473 ),
663 -
664 - 'class' => 'only_pro',
665 - 'dependency' => array('color_pallets', '==', 'set10', 'all'),
666 474 'default' => array(
667 475 'text' => '#E0D2BD',
668 476 'color' => '#e09525',
669 477 'hover' => '#E0D2BD',
@@ -673,26 +481,16 @@
673 481 array(
674 482 'id' => 'dark_mode_input_color_set10',
675 483 'type' => 'color_group',
676 484 '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 -
485 + 'title_help' => '<div class="darkify-info-label">' . __('Set the input field color of your website when dark mode is enabled.', 'darkify') . '</div>',
692 486 'class' => 'only_pro',
693 487 'dependency' => array('color_pallets', '==', 'set10', 'all'),
694 -
488 + 'options' => array(
489 + 'color' => esc_html__('Input Text', 'darkify'),
490 + 'placeholder' => esc_html('Input Placeholder', 'darkify'),
491 + 'background' => esc_html('Input Background', 'darkify'),
492 + ),
695 493 'default' => array(
696 494 'color' => '#E0D2BD',
697 495 'placeholder' => '#E0D2BD',
698 496 'background' => '#372911',
@@ -702,17 +500,9 @@
702 500 array(
703 501 'id' => 'dark_mode_border_color_set10',
704 502 'type' => 'color',
705 503 '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 -
504 + 'title_help' => '<div class="darkify-info-label">' . __('Set the border color of your website when dark mode is enabled.', 'darkify') . '</div>',
715 505 'class' => 'only_pro',
716 506 'dependency' => array('color_pallets', '==', 'set10', 'all'),
717 507 'default' => '#5D4010',
718 508 ),
@@ -719,26 +509,17 @@
719 509 array(
720 510 'id' => 'dark_mode_btn_color_set10',
721 511 'type' => 'color_group',
722 512 '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 -
513 + 'title_help' => '<div class="darkify-info-label">' . __('Set the color of buttons of your website when dark mode is enabled.', 'darkify') . '</div>',
739 514 'class' => 'only_pro',
740 515 'dependency' => array('color_pallets', '==', 'set10', 'all'),
516 + 'options' => array(
517 + 'color' => esc_html__('Color', 'darkify'),
518 + 'background' => esc_html('Background', 'darkify'),
519 + 'hover_color' => esc_html__('Button Text', 'darkify'),
520 + 'hover_background' => esc_html('Button Background', 'darkify'),
521 + ),
741 522 'default' => array(
742 523 'color' => '#E0D2BD',
743 524 'background' => '#5D4010',
744 525 'hover_color' => '#E0D2BD',
@@ -749,23 +530,14 @@
749 530 array(
750 531 'id' => 'dark_mode_color_set11',
751 532 'type' => 'color_group',
752 533 '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'),
534 + 'title_help' => '<div class="darkify-info-label">' . __('Set the background color of your website when dark mode is enabled.', 'darkify') . '</div>',
535 + 'dependency' => array('color_pallets', '==', 'set11', 'all'),
536 + 'options' => array(
537 + 'background' => esc_html__('Primary BG', 'darkify'),
763 538 'secondary_background' => esc_html__('Secondary BG', 'darkify'),
764 539 ),
765 -
766 - 'dependency' => array('color_pallets', '==', 'set11', 'all'),
767 -
768 540 'default' => array(
769 541 'background' => '#19081b',
770 542 'secondary_background' => '#210a24',
771 543 ),
@@ -773,25 +545,16 @@
773 545 array(
774 546 'id' => 'dark_mode_link_color_set11',
775 547 'type' => 'color_group',
776 548 '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'),
549 + 'title_help' => '<div class="darkify-info-label">' . __('Set the text color of your website when dark mode is enabled.', 'darkify') . '</div>',
550 + 'class' => 'only_pro',
551 + 'dependency' => array('color_pallets', '==', 'set11', 'all'),
552 + 'options' => array(
553 + 'text' => esc_html__('Text Color', 'darkify'),
787 554 'color' => esc_html__('Link Color', 'darkify'),
788 555 'hover' => esc_html__('Link Hover Color', 'darkify'),
789 556 ),
790 -
791 - 'class' => 'only_pro',
792 - 'dependency' => array('color_pallets', '==', 'set11', 'all'),
793 -
794 557 'default' => array(
795 558 'text' => '#c09dc2',
796 559 'color' => '#c832d4',
797 560 'hover' => '#c09dc2',
@@ -801,25 +564,16 @@
801 564 array(
802 565 'id' => 'dark_mode_input_color_set11',
803 566 'type' => 'color_group',
804 567 '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 -
568 + 'title_help' => '<div class="darkify-info-label">' . __('Set the input field color of your website when dark mode is enabled.', 'darkify') . '</div>',
819 569 'class' => 'only_pro',
820 570 'dependency' => array('color_pallets', '==', 'set11', 'all'),
821 -
571 + 'options' => array(
572 + 'color' => esc_html__('Input Text', 'darkify'),
573 + 'placeholder' => esc_html('Input Placeholder', 'darkify'),
574 + 'background' => esc_html('Input Background', 'darkify'),
575 + ),
822 576 'default' => array(
823 577 'color' => '#c09dc2',
824 578 'placeholder' => '#c09dc2',
825 579 'background' => '#2c082f',
@@ -829,17 +583,9 @@
829 583 array(
830 584 'id' => 'dark_mode_border_color_set11',
831 585 'type' => 'color',
832 586 '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 -
587 + 'title_help' => '<div class="darkify-info-label">' . __('Set the border color of your website when dark mode is enabled.', 'darkify') . '</div>',
842 588 'class' => 'only_pro',
843 589 'dependency' => array('color_pallets', '==', 'set11', 'all'),
844 590 'default' => '#440649',
845 591 ),
@@ -846,27 +592,17 @@
846 592 array(
847 593 'id' => 'dark_mode_btn_color_set11',
848 594 'type' => 'color_group',
849 595 '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 -
596 + 'title_help' => '<div class="darkify-info-label">' . __('Set the color of buttons of your website when dark mode is enabled.', 'darkify') . '</div>',
866 597 'class' => 'only_pro',
867 598 'dependency' => array('color_pallets', '==', 'set11', 'all'),
868 -
599 + 'options' => array(
600 + 'color' => esc_html__('Color', 'darkify'),
601 + 'background' => esc_html('Background', 'darkify'),
602 + 'hover_color' => esc_html__('Button Text', 'darkify'),
603 + 'hover_background' => esc_html('Button Background', 'darkify'),
604 + ),
869 605 'default' => array(
870 606 'color' => '#c09dc2',
871 607 'background' => '#440649',
872 608 'hover_color' => '#c09dc2',
@@ -882,18 +618,10 @@
882 618 'fields' => array(
883 619 array(
884 620 'id' => 'enable_scrollbar_dark',
885 621 '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 -
622 + 'title' => esc_html__('Enable Dark Mode On Scrollbar', 'darkify'),
623 + 'title_help' => '<div class="darkify-info-label">' . __('Want to enable dark mode on the scrollbar of the website?', 'darkify') . '</div>',
896 624 'text_on' => esc_html__('Enabled', 'darkify'),
897 625 'text_off' => esc_html__('Disabled', 'darkify'),
898 626 'text_width' => 100,
899 627 'default' => true,
@@ -902,24 +630,14 @@
902 630 array(
903 631 'id' => 'scrollbar_color',
904 632 'type' => 'color_group',
905 633 '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 -
634 + 'title_help' => '<div class="darkify-info-label">' . __('Set the background color of scrollbar\'s track & thumb when dark mode is enabled.', 'darkify') . '</div>',
635 + 'class' => 'only_pro',
915 636 'options' => array(
916 - 'dark_mode_scrollbar_track_bg' => esc_html__('Track Background', 'darkify'),
917 - 'dark_mode_scrollbar_thumb_bg' => esc_html__('Thumb Background', 'darkify'),
637 + 'dark_mode_scrollbar_track_bg' => esc_html__('Trac BG', 'darkify'),
638 + 'dark_mode_scrollbar_thumb_bg' => esc_html__('Thumb BG', 'darkify'),
918 639 ),
919 -
920 - 'class' => 'only_pro',
921 -
922 640 'default' => array(
923 641 'dark_mode_scrollbar_track_bg' => '#29292a',
924 642 'dark_mode_scrollbar_thumb_bg' => '#52565a',
925 643 ),