← All changes | src/Admin/Views/ColorControl.php +32 -79 2.0.2 → 2.1.3 View file →

		@@ -212,8 +212,10 @@
212	212	'color' => esc_html__('Text Color', 'darkify'),
213	213	'background' => esc_html__('Background', 'darkify'),
214	214	'hover_color' => esc_html__('Hover Text Color', 'darkify'),
215	215	'hover_background' => esc_html__('Hover Background', 'darkify'),
	216	+ 'border' => esc_html__('Border Color', 'darkify'),
	217	+ 'hover_border' => esc_html__('Hover Border Color', 'darkify'),
216	218	),
217	219
218	220	'class' => 'only_pro',
219	221	'dependency' => array('color_pallets', '==', 'set1', 'all'),
		@@ -221,8 +223,10 @@
221	223	'color' => '#BEBEBE',
222	224	'background' => '#4A4A4A',
223	225	'hover_color' => '#BEBEBE',
224	226	'hover_background' => '#2D2D2D',
	227	+ 'border' => '#4A4A4A',
	228	+ 'hover_border' => '#2D2D2D',
225	229	),
226	230	),
227	231	// color pallate set 3
228	232	array(
		@@ -316,8 +320,10 @@
316	320	'color' => esc_html__('Text Color', 'darkify'),
317	321	'background' => esc_html__('Background', 'darkify'),
318	322	'hover_color' => esc_html__('Hover Text Color', 'darkify'),
319	323	'hover_background' => esc_html__('Hover Background', 'darkify'),
	324	+ 'border' => esc_html__('Border Color', 'darkify'),
	325	+ 'hover_border' => esc_html__('Hover Border Color', 'darkify'),
320	326	),
321	327
322	328	'class' => 'only_pro',
323	329	'dependency' => array('color_pallets', '==', 'set3', 'all'),
		@@ -325,8 +331,10 @@
325	331	'color' => '#4E478D',
326	332	'background' => '#B1BBD8',
327	333	'hover_color' => '#B1BBD8',
328	334	'hover_background' => '#2A264D',
	335	+ 'border' => '#B1BBD8',
	336	+ 'hover_border' => '#2A264D',
329	337	),
330	338	),
331	339	// color pallate set 6
332	340	array(
		@@ -420,8 +428,10 @@
420	428	'color' => esc_html__('Text Color', 'darkify'),
421	429	'background' => esc_html__('Background', 'darkify'),
422	430	'hover_color' => esc_html__('Hover Text Color', 'darkify'),
423	431	'hover_background' => esc_html__('Hover Background', 'darkify'),
	432	+ 'border' => esc_html__('Border Color', 'darkify'),
	433	+ 'hover_border' => esc_html__('Hover Border Color', 'darkify'),
424	434	),
425	435
426	436	'class' => 'only_pro',
427	437	'dependency' => array('color_pallets', '==', 'set6', 'all'),
		@@ -430,8 +440,10 @@
430	440	'color' => '#B5D9F3',
431	441	'background' => '#3B4D65',
432	442	'hover_color' => '#B5D9F3',
433	443	'hover_background' => '#144E78',
	444	+ 'border' => '#3B4D65',
	445	+ 'hover_border' => '#144E78',
434	446	),
435	447	),
436	448	// color pallate set 9
437	449	array(
		@@ -526,8 +538,10 @@
526	538	'color' => esc_html__('Text Color', 'darkify'),
527	539	'background' => esc_html__('Background', 'darkify'),
528	540	'hover_color' => esc_html__('Hover Text Color', 'darkify'),
529	541	'hover_background' => esc_html__('Hover Background', 'darkify'),
	542	+ 'border' => esc_html__('Border Color', 'darkify'),
	543	+ 'hover_border' => esc_html__('Hover Border Color', 'darkify'),
530	544	),
531	545	'class' => 'only_pro',
532	546	'dependency' => array('color_pallets', '==', 'set9', 'all'),
533	547	'default' => array(
		@@ -534,8 +548,10 @@
534	548	'color' => '#C1D2BB',
535	549	'background' => '#095541',
536	550	'hover_color' => '#C1D2BB',
537	551	'hover_background' => '#073d2f',
	552	+ 'border' => '#095541',
	553	+ 'hover_border' => '#073d2f',
538	554	),
539	555	),
540	556	// color pallate set 10
541	557	array(
		@@ -631,8 +647,10 @@
631	647	'color' => esc_html__('Button Text', 'darkify'),
632	648	'background' => esc_html__('Button Background', 'darkify'),
633	649	'hover_color' => esc_html__('Hover Text', 'darkify'),
634	650	'hover_background' => esc_html__('Hover Background', 'darkify'),
	651	+ 'border' => esc_html__('Border Color', 'darkify'),
	652	+ 'hover_border' => esc_html__('Hover Border Color', 'darkify'),
635	653	),
636	654
637	655	'class' => 'only_pro',
638	656	'dependency' => array('color_pallets', '==', 'set10', 'all'),
		@@ -640,8 +658,10 @@
640	658	'color' => '#E0D2BD',
641	659	'background' => '#5D4010',
642	660	'hover_color' => '#E0D2BD',
643	661	'hover_background' => '#372911',
	662	+ 'border' => '#5D4010',
	663	+ 'hover_border' => '#372911',
644	664	),
645	665	),
646	666	// color pallate set 11
647	667	array(
		@@ -738,8 +758,10 @@
738	758	'color' => esc_html__('Text Color', 'darkify'),
739	759	'background' => esc_html__('Background', 'darkify'),
740	760	'hover_color' => esc_html__('Hover Text Color', 'darkify'),
741	761	'hover_background' => esc_html__('Hover Background', 'darkify'),
	762	+ 'border' => esc_html__('Border Color', 'darkify'),
	763	+ 'hover_border' => esc_html__('Hover Border Color', 'darkify'),
742	764	),
743	765
744	766	'class' => 'only_pro',
745	767	'dependency' => array('color_pallets', '==', 'set11', 'all'),
		@@ -748,8 +770,10 @@
748	770	'color' => '#c09dc2',
749	771	'background' => '#440649',
750	772	'hover_color' => '#c09dc2',
751	773	'hover_background' => '#2c082f',
	774	+ 'border' => '#440649',
	775	+ 'hover_border' => '#2c082f',
752	776	),
753	777	),
754	778	)
755	779	),
		@@ -754,101 +778,31 @@
754	778	)
755	779	),
756	780
757	781	array(
758		- 'id' => 'fine-tuning',
759		- 'title' => esc_html__('Fine-Tuning', 'darkify'),
760		- 'icon' => 'icofont-options',
	782	+ 'id' => 'color-overrides',
	783	+ 'title' => esc_html__('Color Overrides', 'darkify'),
	784	+ 'icon' => 'icofont-eye-dropper',
761	785	'fields' => array(
762	786	// Intro line, rendered plain above the section card.
763	787	array(
764	788	'type' => 'page_hint',
765		- 'content' => esc_html__('Control how gradients, brand colors and shadows are treated in dark mode, and pin individual colors to a dark-mode replacement.', 'darkify'),
	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'),
766	790	),
767	791
768		- // ===== GRADIENTS =====
769	792	array(
770	793	'type' => 'heading',
771		- 'title' => esc_html__('Gradients', 'darkify'),
	794	+ 'title' => esc_html__('Replace Individual Colors', 'darkify'),
772	795	'section_start' => true,
773	796	),
774	797	array(
775		- 'id' => 'gradient_handling',
776		- 'type' => 'select',
777		- 'title' => esc_html__('Gradient Backgrounds', 'darkify'),
778		- 'title_help' =>
779		- '<div class="darkify-info-label">' .
780		- __('A gradient lives in a different CSS property than a solid color, so it is not covered by the dark-mode color set. Recoloring runs every color stop through the same dark ramp a solid background gets, which is what keeps a gradient section and a solid section next to it looking like one design.', 'darkify') .
781		- '</div>',
782		-
783		- 'options' => array(
784		- 'recolor' => esc_html__('Recolor gradient stops (recommended)', 'darkify'),
785		- 'flatten' => esc_html__('Replace gradient with a flat dark background', 'darkify'),
786		- 'keep' => esc_html__('Leave gradients untouched', 'darkify'),
787		- ),
788		- 'default' => 'recolor',
789		- ),
790		-
791		- // ===== SHADOWS =====
792		- array(
793		- 'type' => 'heading',
794		- 'title' => esc_html__('Shadows', 'darkify'),
795		- 'section_start' => true,
796		- ),
797		- array(
798		- 'id' => 'shadow_handling',
799		- 'type' => 'select',
800		- 'title' => esc_html__('Box & Text Shadows', 'darkify'),
801		- 'title_help' =>
802		- '<div class="darkify-info-label">' .
803		- __('A colored shadow designed for a light page stays lit on a dark one and cancels out the dimming. Neutralizing keeps the shadow geometry — so cards keep their depth — but drops the color.', 'darkify') .
804		- '</div>',
805		-
806		- 'options' => array(
807		- 'neutralize' => esc_html__('Neutralize color, keep depth (recommended)', 'darkify'),
808		- 'map' => esc_html__('Use the color overrides below, then neutralize', 'darkify'),
809		- 'remove' => esc_html__('Remove shadows entirely', 'darkify'),
810		- 'keep' => esc_html__('Leave shadows untouched', 'darkify'),
811		- ),
812		- 'default' => 'neutralize',
813		- ),
814		-
815		- // ===== BRAND COLORS =====
816		- array(
817		- 'type' => 'heading',
818		- 'title' => esc_html__('Brand Colors', 'darkify'),
819		- 'section_start' => true,
820		- ),
821		- array(
822		- 'id' => 'brand_color_handling',
823		- 'type' => 'select',
824		- 'title' => esc_html__('Accent & Icon Colors', 'darkify'),
825		- 'title_help' =>
826		- '<div class="darkify-info-label">' .
827		- __('Controls brand colors only — accents, icons, buttons, colored panels. Adaptive keeps each color\'s hue while matching its depth to the preset above, so an intense accent stays on-brand without glowing. This is not an inversion: a blue icon stays blue. Plain light and grey backgrounds always follow your preset either way.', 'darkify') .
828		- '</div>',
829		-
830		- 'options' => array(
831		- 'adaptive' => esc_html__('Keep brand hues, matched to your preset (recommended)', 'darkify'),
832		- 'flatten' => esc_html__('Replace brand colors with the preset colors', 'darkify'),
833		- ),
834		- 'default' => 'adaptive',
835		- ),
836		-
837		- // ===== MANUAL COLOR OVERRIDES =====
838		- array(
839		- 'type' => 'heading',
840		- 'title' => esc_html__('Color Overrides', 'darkify'),
841		- 'section_start' => true,
842		- ),
843		- array(
844	798	'id' => 'color_overrides',
845	799	'type' => 'repeater',
846		- 'class' => 'replacement_repeater repeater_pro_only',
	800	+ 'class' => 'color_override_repeater repeater_pro_only',
847	801	'title' => esc_html__('Replace Individual Colors', 'darkify'),
848	802	'title_help' =>
849	803	'<div class="darkify-info-label">' .
850		- __('Pin one light-mode color to an exact dark-mode color. Overrides are matched against the color the element actually renders with, and they apply whatever the settings above are set to — so a handful of colors can be pinned without switching the whole site to adaptive.', 'darkify') .
	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') .
851	805	'</div>',
852	806
853	807	'fields' => array(
854	808	array(
		@@ -884,11 +838,10 @@
884	838	'override_scope' => 'all',
885	839	),
886	840	),
887	841	),
888		- )
	842	+ ),
889	843	),
890		-
891	844	array(
892	845	'id' => 'scroll-bar',
893	846	'title' => esc_html__('Scroll Bar', 'darkify'),
894	847	'icon' => 'icofont-scroll-double-down',