← All changes | src/Admin/Views/ColorControl.php +92 -1 2.0.1 → 2.1.3 View file →

		@@ -27,8 +27,9 @@
27	27	{
28	28	Darkify::createSection(
29	29	$prefix,
30	30	array(
	31	+ 'id' => 'colors',
31	32	'title' => esc_html__('Colors', 'darkify'),
32	33	'icon' => 'icofont-paint',
33	34	'fields' => array(
34	35
		@@ -35,8 +36,9 @@
35	36	array(
36	37	'type' => 'section_tab',
37	38	'tabs' => array(
38	39	array(
	40	+ 'id' => 'preset',
39	41	'title' => esc_html__('Preset', 'darkify'),
40	42	'icon' => 'icofont-color-bucket',
41	43	'fields' => array(
42	44	// Intro line, rendered plain above the section card.
		@@ -210,8 +212,10 @@
210	212	'color' => esc_html__('Text Color', 'darkify'),
211	213	'background' => esc_html__('Background', 'darkify'),
212	214	'hover_color' => esc_html__('Hover Text Color', 'darkify'),
213	215	'hover_background' => esc_html__('Hover Background', 'darkify'),
	216	+ 'border' => esc_html__('Border Color', 'darkify'),
	217	+ 'hover_border' => esc_html__('Hover Border Color', 'darkify'),
214	218	),
215	219
216	220	'class' => 'only_pro',
217	221	'dependency' => array('color_pallets', '==', 'set1', 'all'),
		@@ -219,8 +223,10 @@
219	223	'color' => '#BEBEBE',
220	224	'background' => '#4A4A4A',
221	225	'hover_color' => '#BEBEBE',
222	226	'hover_background' => '#2D2D2D',
	227	+ 'border' => '#4A4A4A',
	228	+ 'hover_border' => '#2D2D2D',
223	229	),
224	230	),
225	231	// color pallate set 3
226	232	array(
		@@ -314,8 +320,10 @@
314	320	'color' => esc_html__('Text Color', 'darkify'),
315	321	'background' => esc_html__('Background', 'darkify'),
316	322	'hover_color' => esc_html__('Hover Text Color', 'darkify'),
317	323	'hover_background' => esc_html__('Hover Background', 'darkify'),
	324	+ 'border' => esc_html__('Border Color', 'darkify'),
	325	+ 'hover_border' => esc_html__('Hover Border Color', 'darkify'),
318	326	),
319	327
320	328	'class' => 'only_pro',
321	329	'dependency' => array('color_pallets', '==', 'set3', 'all'),
		@@ -323,8 +331,10 @@
323	331	'color' => '#4E478D',
324	332	'background' => '#B1BBD8',
325	333	'hover_color' => '#B1BBD8',
326	334	'hover_background' => '#2A264D',
	335	+ 'border' => '#B1BBD8',
	336	+ 'hover_border' => '#2A264D',
327	337	),
328	338	),
329	339	// color pallate set 6
330	340	array(
		@@ -418,8 +428,10 @@
418	428	'color' => esc_html__('Text Color', 'darkify'),
419	429	'background' => esc_html__('Background', 'darkify'),
420	430	'hover_color' => esc_html__('Hover Text Color', 'darkify'),
421	431	'hover_background' => esc_html__('Hover Background', 'darkify'),
	432	+ 'border' => esc_html__('Border Color', 'darkify'),
	433	+ 'hover_border' => esc_html__('Hover Border Color', 'darkify'),
422	434	),
423	435
424	436	'class' => 'only_pro',
425	437	'dependency' => array('color_pallets', '==', 'set6', 'all'),
		@@ -428,8 +440,10 @@
428	440	'color' => '#B5D9F3',
429	441	'background' => '#3B4D65',
430	442	'hover_color' => '#B5D9F3',
431	443	'hover_background' => '#144E78',
	444	+ 'border' => '#3B4D65',
	445	+ 'hover_border' => '#144E78',
432	446	),
433	447	),
434	448	// color pallate set 9
435	449	array(
		@@ -524,8 +538,10 @@
524	538	'color' => esc_html__('Text Color', 'darkify'),
525	539	'background' => esc_html__('Background', 'darkify'),
526	540	'hover_color' => esc_html__('Hover Text Color', 'darkify'),
527	541	'hover_background' => esc_html__('Hover Background', 'darkify'),
	542	+ 'border' => esc_html__('Border Color', 'darkify'),
	543	+ 'hover_border' => esc_html__('Hover Border Color', 'darkify'),
528	544	),
529	545	'class' => 'only_pro',
530	546	'dependency' => array('color_pallets', '==', 'set9', 'all'),
531	547	'default' => array(
		@@ -532,8 +548,10 @@
532	548	'color' => '#C1D2BB',
533	549	'background' => '#095541',
534	550	'hover_color' => '#C1D2BB',
535	551	'hover_background' => '#073d2f',
	552	+ 'border' => '#095541',
	553	+ 'hover_border' => '#073d2f',
536	554	),
537	555	),
538	556	// color pallate set 10
539	557	array(
		@@ -629,8 +647,10 @@
629	647	'color' => esc_html__('Button Text', 'darkify'),
630	648	'background' => esc_html__('Button Background', 'darkify'),
631	649	'hover_color' => esc_html__('Hover Text', 'darkify'),
632	650	'hover_background' => esc_html__('Hover Background', 'darkify'),
	651	+ 'border' => esc_html__('Border Color', 'darkify'),
	652	+ 'hover_border' => esc_html__('Hover Border Color', 'darkify'),
633	653	),
634	654
635	655	'class' => 'only_pro',
636	656	'dependency' => array('color_pallets', '==', 'set10', 'all'),
		@@ -638,8 +658,10 @@
638	658	'color' => '#E0D2BD',
639	659	'background' => '#5D4010',
640	660	'hover_color' => '#E0D2BD',
641	661	'hover_background' => '#372911',
	662	+ 'border' => '#5D4010',
	663	+ 'hover_border' => '#372911',
642	664	),
643	665	),
644	666	// color pallate set 11
645	667	array(
		@@ -736,8 +758,10 @@
736	758	'color' => esc_html__('Text Color', 'darkify'),
737	759	'background' => esc_html__('Background', 'darkify'),
738	760	'hover_color' => esc_html__('Hover Text Color', 'darkify'),
739	761	'hover_background' => esc_html__('Hover Background', 'darkify'),
	762	+ 'border' => esc_html__('Border Color', 'darkify'),
	763	+ 'hover_border' => esc_html__('Hover Border Color', 'darkify'),
740	764	),
741	765
742	766	'class' => 'only_pro',
743	767	'dependency' => array('color_pallets', '==', 'set11', 'all'),
		@@ -746,8 +770,10 @@
746	770	'color' => '#c09dc2',
747	771	'background' => '#440649',
748	772	'hover_color' => '#c09dc2',
749	773	'hover_background' => '#2c082f',
	774	+ 'border' => '#440649',
	775	+ 'hover_border' => '#2c082f',
750	776	),
751	777	),
752	778	)
753	779	),
		@@ -752,8 +778,72 @@
752	778	)
753	779	),
754	780
755	781	array(
	782	+ 'id' => 'color-overrides',
	783	+ 'title' => esc_html__('Color Overrides', 'darkify'),
	784	+ 'icon' => 'icofont-eye-dropper',
	785	+ 'fields' => array(
	786	+ // Intro line, rendered plain above the section card.
	787	+ array(
	788	+ 'type' => 'page_hint',
	789	+ 'content' => esc_html__('Pin individual light-mode colors to an exact dark-mode replacement. Everything else keeps following your preset automatically — this is only for the handful of colors that need something different.', 'darkify'),
	790	+ ),
	791	+
	792	+ array(
	793	+ 'type' => 'heading',
	794	+ 'title' => esc_html__('Replace Individual Colors', 'darkify'),
	795	+ 'section_start' => true,
	796	+ ),
	797	+ array(
	798	+ 'id' => 'color_overrides',
	799	+ 'type' => 'repeater',
	800	+ 'class' => 'color_override_repeater repeater_pro_only',
	801	+ 'title' => esc_html__('Replace Individual Colors', 'darkify'),
	802	+ 'title_help' =>
	803	+ '<div class="darkify-info-label">' .
	804	+ __('Pin one light-mode color to an exact dark-mode color. Overrides are matched exactly against the color the element actually renders with — #ffffff and #fffffe are two separate rules — so a handful of colors can be pinned without changing how the rest of the site is handled.', 'darkify') .
	805	+ '</div>',
	806	+
	807	+ 'fields' => array(
	808	+ array(
	809	+ 'id' => 'light_color',
	810	+ 'type' => 'color',
	811	+ 'title' => esc_html__('Light Mode Color', 'darkify'),
	812	+ ),
	813	+ array(
	814	+ 'id' => 'dark_color',
	815	+ 'type' => 'color',
	816	+ 'title' => esc_html__('Dark Mode Color', 'darkify'),
	817	+ ),
	818	+ array(
	819	+ 'id' => 'override_scope',
	820	+ 'type' => 'select',
	821	+ 'title' => esc_html__('Apply To', 'darkify'),
	822	+ 'options' => array(
	823	+ 'all' => esc_html__('Everywhere', 'darkify'),
	824	+ 'text' => esc_html__('Text only', 'darkify'),
	825	+ 'icon' => esc_html__('Icons only', 'darkify'),
	826	+ 'background' => esc_html__('Backgrounds only', 'darkify'),
	827	+ 'border' => esc_html__('Borders only', 'darkify'),
	828	+ 'shadow' => esc_html__('Shadows only', 'darkify'),
	829	+ ),
	830	+ 'default' => 'all',
	831	+ ),
	832	+ ),
	833	+
	834	+ 'default' => array(
	835	+ array(
	836	+ 'light_color' => '',
	837	+ 'dark_color' => '',
	838	+ 'override_scope' => 'all',
	839	+ ),
	840	+ ),
	841	+ ),
	842	+ ),
	843	+ ),
	844	+ array(
	845	+ 'id' => 'scroll-bar',
756	846	'title' => esc_html__('Scroll Bar', 'darkify'),
757	847	'icon' => 'icofont-scroll-double-down',
758	848	'fields' => array(
759	849	// Intro line, rendered plain above the section card.
		@@ -778,9 +868,9 @@
778	868
779	869	'text_on' => esc_html__('Enabled', 'darkify'),
780	870	'text_off' => esc_html__('Disabled', 'darkify'),
781	871	'text_width' => 100,
782		- 'default' => false,
	872	+ 'default' => true,
783	873	),
784	874
785	875	array(
786	876	'id' => 'scrollbar_color',
		@@ -807,8 +897,9 @@
807	897
808	898
809	899	)
810	900	),
	901	+
811	902
812	903	)
813	904	),
814	905	),