@sociallane/elements 1.0.9 → 1.0.10

package/packages/widgets/feature-grid-centered/data/view.php

@@ -56,14 +56,14 @@ function prepare_feature_grid_centered_view( array $settings, string $widget_id
 	|
 	*/
 	$classes = [
-		'section'     => 'bg-neutral-100 dark:bg-zinc-900',
-		'headline'    => 'text-zinc-900 dark:text-neutral-200',
-		'subtitle'    => 'text-zinc-900 dark:text-neutral-200',
-		'eyebrow'     => 'text-zinc-900 dark:text-neutral-200',
-		'description' => 'text-zinc-900 dark:text-neutral-200',
-		'title'       => 'text-zinc-900 dark:text-neutral-200',
-		'link'        => 'text-zinc-900 dark:text-neutral-200 hover:underline focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-neutral-900',
-		'icon_box'    => 'bg-zinc-400 dark:bg-zinc-700 text-zinc-900 rounded-lg',
+		'section'     => 'bg-neutral-100 dark:bg-neutral-900',
+		'headline'    => 'text-neutral-900 dark:text-neutral-200',
+		'subtitle'    => 'text-neutral-900 dark:text-neutral-200',
+		'eyebrow'     => 'text-neutral-900 dark:text-neutral-200',
+		'description' => 'text-neutral-900 dark:text-neutral-200',
+		'title'       => 'text-neutral-900 dark:text-neutral-200',
+		'link'        => 'text-neutral-900 dark:text-neutral-200 hover:underline focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-neutral-900',
+		'icon_box'    => 'bg-neutral-400 dark:bg-neutral-700 text-neutral-900 rounded-lg',
 		'icon'        => 'w-6 h-6 text-white',
 	];
 

package/packages/widgets/feature-list/data/view.php

@@ -32,10 +32,10 @@ function prepare_feature_list_view( array $settings, string $widget_id ): array
 
 	// Light background (#F8F8F8), title dark grey, list items lighter grey, checkmark teal
 	$classes = [
-		'section' => 'bg-neutral-100 dark:bg-zinc-900',
-		'title'   => 'text-zinc-800 dark:text-neutral-100 font-bold font-heading',
-		'item'    => 'text-zinc-600 dark:text-neutral-300',
-		'icon'    => 'text-emerald-500 dark:text-emerald-400 shrink-0',
+		'section' => 'bg-neutral-100 dark:bg-neutral-900',
+		'title'   => 'text-neutral-800 dark:text-neutral-100 font-bold font-heading',
+		'item'    => 'text-neutral-600 dark:text-neutral-300',
+		'icon'    => 'text-neutral-500 dark:text-neutral-400 shrink-0',
 	];
 
 	return array_merge( $fields, [

package/packages/widgets/feature-list-cta/data/view.php

@@ -43,13 +43,13 @@ function prepare_feature_list_cta_view( array $settings, string $widget_id ): ar
 
 	// Light/dark: dual classes for Nav theme switcher (elementor-widget-structure, widget-utility-classes)
 	$classes = [
-		'section'     => 'bg-neutral-100 dark:bg-blue-chill-950',
-		'headline'    => 'text-blue-chill-950 dark:text-white',
-		'subtitle'    => 'text-blue-chill-950 dark:text-blue-chill-100/50',
-		'card_title'  => 'text-blue-chill-950 dark:text-blue-chill-300',
-		'card_desc'   => 'text-neutral-600 dark:text-blue-chill-100/50',
+		'section'     => 'bg-neutral-100 dark:bg-neutral-950',
+		'headline'    => 'text-neutral-950 dark:text-white',
+		'subtitle'    => 'text-neutral-950 dark:text-neutral-100/50',
+		'card_title'  => 'text-neutral-950 dark:text-neutral-300',
+		'card_desc'   => 'text-neutral-600 dark:text-neutral-100/50',
 		'link'        => 'text-primary dark:text-primary-light hover:underline focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-neutral-900',
-		'icon'        => 'text-primary dark:text-blue-chill-300',
+		'icon'        => 'text-primary dark:text-neutral-300',
 	];
 
 	return array_merge( $fields, [

package/packages/widgets/feature-list-cta/templates/partials/feature-item.php

@@ -20,7 +20,7 @@ $classes = $view['classes'] ?? [];
 ?>
 <article class="flex flex-col items-center text-center">
 	<?php if ( ! empty( $feature['icon']['value'] ) ) : ?>
-		<div class="<?php echo esc_attr( $classes['icon'] ?? 'text-blue-chill-300' ); ?> mb-4 [&_.e-icon]:w-12 [&_.e-icon]:h-12" aria-hidden="true">
+		<div class="<?php echo esc_attr( $classes['icon'] ?? 'text-neutral-300' ); ?> mb-4 [&_.e-icon]:w-12 [&_.e-icon]:h-12" aria-hidden="true">
 			<?php \Elementor\Icons_Manager::render_icon( $feature['icon'], [ 'aria-hidden' => 'true', 'class' => 'w-12 h-12' ] ); ?>
 		</div>
 	<?php endif; ?>

package/packages/widgets/footer/data/view.php

@@ -99,12 +99,12 @@ function prepare_footer_view( array $settings, string $widget_id ): array {
 	|
 	*/
 	$classes = [
-		'section'           => 'bg-neutral-200 dark:bg-zinc-900',
-		'cta_heading'      => 'text-zinc-900 dark:text-neutral-200',
+		'section'           => 'bg-neutral-200 dark:bg-neutral-900',
+		'cta_heading'      => 'text-neutral-900 dark:text-neutral-200',
 		'cta_primary_class'=> 'focus:ring-offset-white dark:focus:ring-offset-neutral-900',
 		'cta_secondary_class' => 'border-neutral-300 dark:border-neutral-500 text-neutral-900 dark:text-white hover:bg-neutral-900 dark:hover:bg-neutral-100 hover:text-white dark:hover:text-neutral-900 focus:ring-2 focus:ring-primary focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-neutral-900',
-		'col_heading'      => 'text-zinc-900 dark:text-neutral-200 font-bold uppercase tracking-wider text-sm',
-		'link'             => 'text-zinc-600 dark:text-neutral-200 hover:text-neutral-900 dark:hover:text-neutral-100 transition-colors focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-neutral-900',
+		'col_heading'      => 'text-neutral-900 dark:text-neutral-200 font-bold uppercase tracking-wider text-sm',
+		'link'             => 'text-neutral-600 dark:text-neutral-200 hover:text-neutral-900 dark:hover:text-neutral-100 transition-colors focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-neutral-900',
 		'copyright'        => 'text-neutral-600 dark:text-neutral-400 text-sm',
 		'divider'          => 'border-neutral-200 dark:border-neutral-700',
 		'select_bg'        => 'bg-neutral-100 dark:bg-neutral-800 text-neutral-700 dark:text-neutral-300 border-neutral-200 dark:border-neutral-600 focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-neutral-900',

package/packages/widgets/footer-brand/data/view.php

@@ -88,21 +88,21 @@ function prepare_footer_brand_view( array $settings, string $widget_id ): array
 
 	// Light/dark: dual classes (elementor-widget-structure, widget-utility-classes)
 	$classes = [
-		'section'     => 'bg-white dark:bg-gradient-to-t from-blue-chill-900 dark:via-blue-chill-950 dark:to-neutral-950',
-		'col_heading' => 'text-neutral-900 dark:text-blue-chill-200 font-normal font-heading uppercase tracking-wider text-sm',
-		'link'        => 'text-neutral-600 dark:text-blue-chill-200 hover:text-neutral-900 dark:hover:text-white transition-colors',
-		'copyright'   => 'text-neutral-600 dark:text-blue-chill-200 text-sm',
-		'divider'     => 'border-neutral-200 dark:border-blue-chill-200',
-		'description' => 'text-neutral-600 dark:text-blue-chill-200 text-sm leading-relaxed',
-		'logo_text'   => 'text-neutral-900 dark:text-blue-chill-200',
-		'social_icon' => 'text-neutral-600 dark:text-blue-chill-200',
-		'social_href' => 'text-neutral-600 dark:text-blue-chill-200',
-		'social_attrs' => 'text-neutral-600 dark:text-blue-chill-200',
-		'social_aria_label' => 'text-neutral-600 dark:text-blue-chill-200',
-		'social_icon' => 'text-neutral-600 dark:text-blue-chill-200',
-		'social_href' => 'text-neutral-600 dark:text-blue-chill-200',
-		'social_attrs' => 'text-neutral-600 dark:text-blue-chill-200',
-		'social_aria_label' => 'text-neutral-600 dark:text-blue-chill-200',
+		'section'     => 'bg-white dark:bg-gradient-to-t from-neutral-900 dark:via-neutral-950 dark:to-neutral-950',
+		'col_heading' => 'text-neutral-900 dark:text-neutral-200 font-normal font-heading uppercase tracking-wider text-sm',
+		'link'        => 'text-neutral-600 dark:text-neutral-200 hover:text-neutral-900 dark:hover:text-white transition-colors',
+		'copyright'   => 'text-neutral-600 dark:text-neutral-200 text-sm',
+		'divider'     => 'border-neutral-200 dark:border-neutral-200',
+		'description' => 'text-neutral-600 dark:text-neutral-200 text-sm leading-relaxed',
+		'logo_text'   => 'text-neutral-900 dark:text-neutral-200',
+		'social_icon' => 'text-neutral-600 dark:text-neutral-200',
+		'social_href' => 'text-neutral-600 dark:text-neutral-200',
+		'social_attrs' => 'text-neutral-600 dark:text-neutral-200',
+		'social_aria_label' => 'text-neutral-600 dark:text-neutral-200',
+		'social_icon' => 'text-neutral-600 dark:text-neutral-200',
+		'social_href' => 'text-neutral-600 dark:text-neutral-200',
+		'social_attrs' => 'text-neutral-600 dark:text-neutral-200',
+		'social_aria_label' => 'text-neutral-600 dark:text-neutral-200',
 	];
 
 	return array_merge( $fields, [

package/packages/widgets/footer-links-contact/data/view.php

@@ -117,9 +117,9 @@ function prepare_footer_links_contact_view( array $settings, string $widget_id )
 		'copyright'     => 'text-[#D0D0D0] dark:text-neutral-300 text-sm',
 		'logo_link'     => 'inline-flex flex-col no-underline rounded focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-[#1C202B] dark:focus:ring-offset-[#15181f]',
 		'logo_box'      => 'bg-white dark:bg-white inline-block px-3 py-1.5',
-		'logo_main'     => 'text-blue-chill-700 dark:text-blue-chill-700 font-bold text-xl font-heading',
+		'logo_main'     => 'text-neutral-700 dark:text-neutral-700 font-bold text-xl font-heading',
 		'logo_subtitle' => 'text-[#A0A0A0] dark:text-neutral-400 text-xs uppercase tracking-wider mt-1',
-		'logo_dot'      => 'text-blue-500 dark:text-blue-400',
+		'logo_dot'      => 'text-neutral-500 dark:text-neutral-400',
 		'contact_text'  => 'text-[#D0D0D0] dark:text-neutral-300 text-sm',
 		'contact_icon'  => 'text-[#D0D0D0] dark:text-neutral-300 shrink-0',
 		'bottom_link'   => 'text-[#D0D0D0] dark:text-neutral-300 hover:text-white dark:hover:text-white text-sm transition-colors focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-[#1C202B] dark:focus:ring-offset-[#15181f] rounded',

package/packages/widgets/form-contact/data/view.php

@@ -62,11 +62,11 @@ function prepare_form_contact_view( array $settings, string $widget_id ): array
 
 	// Light/dark: dual classes for Nav theme switcher
 	$classes = [
-		'section'       => 'bg-neutral-200 dark:bg-zinc-900',
-		'headline'      => 'text-zinc-900 dark:text-neutral-200',
-		'description'   => 'text-zinc-800 dark:text-neutral-200',
+		'section'       => 'bg-neutral-200 dark:bg-neutral-900',
+		'headline'      => 'text-neutral-900 dark:text-neutral-200',
+		'description'   => 'text-neutral-800 dark:text-neutral-200',
 		'privacy'       => 'text-neutral-600 dark:text-neutral-400',
-		'privacy_link'  => 'text-neutral-600 dark:text-blue-chill-400 font-semibold underline hover:opacity-90 focus:outline-none focus:ring-2 focus:ring-blue-chill-500 focus:ring-offset-2 focus:ring-offset-neutral-100 dark:focus:ring-offset-neutral-800 rounded',
+		'privacy_link'  => 'text-neutral-600 dark:text-neutral-400 font-semibold underline hover:opacity-90 focus:outline-none focus:ring-2 focus:ring-neutral-500 focus:ring-offset-2 focus:ring-offset-neutral-100 dark:focus:ring-offset-neutral-800 rounded',
 		'testimonial'   => 'text-neutral-900 dark:text-white',
 		'quote'         => 'text-neutral-700 dark:text-neutral-300',
 		'brand_name'    => 'text-neutral-900 dark:text-white',

package/packages/widgets/grid-team/data/view.php

@@ -49,12 +49,12 @@ function prepare_grid_team_view( array $settings, string $widget_id ): array {
 
 	// Light/dark: dual classes for Nav theme switcher
 	$classes = [
-		'section'   => 'bg-neutral-100 dark:bg-zinc-900',
-		'headline'  => 'text-zinc-900 dark:text-neutral-200',
-		'subtitle'  => 'text-zinc-900 dark:text-neutral-200',
+		'section'   => 'bg-neutral-100 dark:bg-neutral-900',
+		'headline'  => 'text-neutral-900 dark:text-neutral-200',
+		'subtitle'  => 'text-neutral-900 dark:text-neutral-200',
 		'card'      => 'bg-neutral-50 dark:bg-neutral-800 rounded-2xl overflow-hidden shadow-lg',
 		'name'      => 'text-white dark:text-white',
-		'title'     => 'text-neutral-300 dark:text-zinc-900',
+		'title'     => 'text-neutral-300 dark:text-neutral-900',
 	];
 
 	return array_merge( $fields, [

package/packages/widgets/grid-team/templates/partials/team-card.php

@@ -33,7 +33,7 @@ if ( $has_image ) {
 		<?php if ( $has_image ) : ?>
 			<?php include $elements_path . '/image/templates/render.php'; ?>
 		<?php endif; ?>
-		<div class="absolute inset-0 bg-zinc-700 border-t border-white-100/50 pointer-events-none" aria-hidden="true"></div>
+		<div class="absolute inset-0 bg-neutral-700 border-t border-white-100/50 pointer-events-none" aria-hidden="true"></div>
 		<div class="absolute bottom-0 left-0 right-0 p-4 md:p-5 text-left">
 			<?php if ( $name !== '' ) : ?>
 				<p class="<?php echo esc_attr( $classes['name'] ?? 'text-white' ); ?> text-lg md:text-xl font-bold font-heading">

package/packages/widgets/hero-announcement/data/view.php

@@ -69,7 +69,7 @@ function prepare_hero_announcement_view( array $settings, string $widget_id ): a
 
 	$animation = sociallane_animation_view_data( $settings, [ 'headline' => true ] );
 	$classes = [
-		'section'          => 'bg-gradient-to-br from-amber-50 via-rose-50 to-violet-100 dark:from-neutral-900 dark:via-neutral-800 dark:to-neutral-900 text-neutral-900 dark:text-neutral-100',
+		'section'          => 'bg-gradient-to-br from-neutral-50 via-neutral-50 to-neutral-100 dark:from-neutral-900 dark:via-neutral-800 dark:to-neutral-900 text-neutral-900 dark:text-neutral-100',
 		'brand'            => 'text-neutral-900 dark:text-neutral-100 font-semibold no-underline hover:opacity-80',
 		'announcement_pill' => 'bg-white/80 dark:bg-neutral-800/80 text-neutral-700 dark:text-neutral-300 border border-neutral-200 dark:border-neutral-600 rounded-full px-4 py-1.5 text-sm no-underline hover:bg-white dark:hover:bg-neutral-700/80',
 		'headline'          => 'text-neutral-900 dark:text-white font-bold',

package/packages/widgets/hero-centered-image/data/view.php

@@ -61,7 +61,7 @@ function prepare_hero_centered_image_view( array $settings, string $widget_id ):
 		? sociallane_prepare_button_data(
 			$settings['cta_primary_text'] ?? '',
 			$settings['cta_primary_url'] ?? [],
-			[ 'preset' => $primary_preset, 'color' => $primary_preset === 'primary' ? 'blue-chill' : 'default' ]
+			[ 'preset' => $primary_preset, 'color' => 'default' ]
 		)
 		: null;
 	$cta_secondary = $show_cta_secondary

package/packages/widgets/hero-centered-image/templates/wrapper.php

@@ -89,7 +89,7 @@ $header = [
 								<a
 									href="<?php echo esc_url( $view['announcement_href'] ); ?>"
 									<?php echo $view['announcement_attrs']; ?>
-									class="font-semibold text-blue-chill-600 dark:text-blue-chill-600 hover:text-blue-chill-700 dark:hover:text-blue-chill-700 focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-neutral-100 rounded inline-flex items-center gap-1 transition-colors"
+									class="font-semibold text-neutral-600 dark:text-neutral-600 hover:text-neutral-700 dark:hover:text-neutral-700 focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-neutral-100 rounded inline-flex items-center gap-1 transition-colors"
 								><?php echo esc_html( $view['announcement_link_text'] ); ?>
 									<svg class="size-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
 										<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3" />

package/packages/widgets/hero-collage/data/view.php

@@ -86,9 +86,9 @@ function prepare_hero_collage_view( array $settings, string $widget_id ): array
 
 	// Light/dark: dual classes for Nav theme switcher (mandatory)
 	$classes = [
-		'section' => 'bg-neutral-100 dark:bg-zinc-900',
-		'headline'   => 'text-zinc-900 dark:text-neutral-100',
-		'description'    => 'text-zinc-900 dark:text-neutral-100',
+		'section' => 'bg-neutral-100 dark:bg-neutral-900',
+		'headline'   => 'text-neutral-900 dark:text-neutral-100',
+		'description'    => 'text-neutral-900 dark:text-neutral-100',
 	];
 
 	return array_merge( $fields, [

package/packages/widgets/hero-overlay/data/view.php

@@ -97,7 +97,7 @@ function prepare_hero_overlay_view( array $settings, string $widget_id ): array
 		'headline'   => 'text-white dark:text-white',
 		'overlay'    => 'bg-neutral-900/60 dark:bg-neutral-950/70',
 		'bar_bg'     => 'bg-neutral-900/50 dark:bg-neutral-950/60 border-t border-white/5 backdrop-blur-xl',
-		'cta_bar'    => 'inline-flex items-center justify-center gap-2 rounded-full px-6 py-3.5 text-base font-semibold text-white bg-emerald-500 hover:bg-emerald-600 focus:outline-none focus:ring-2 focus:ring-emerald-400 focus:ring-offset-2 focus:ring-offset-neutral-900 dark:focus:ring-offset-neutral-950 transition-colors no-underline',
+		'cta_bar'    => 'inline-flex items-center justify-center gap-2 rounded-full px-6 py-3.5 text-base font-semibold text-white bg-neutral-500 hover:bg-neutral-600 focus:outline-none focus:ring-2 focus:ring-neutral-400 focus:ring-offset-2 focus:ring-offset-neutral-900 dark:focus:ring-offset-neutral-950 transition-colors no-underline',
 		'anchor_btn' => 'inline-flex items-center justify-center gap-2 rounded-full px-6 py-3.5 text-base font-semibold text-white bg-transparent border-2 border-white/90 hover:bg-white/10 focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-neutral-900 dark:focus:ring-offset-neutral-950 transition-colors no-underline shrink-0',
 		'nav_btn'    => 'text-white hover:text-white/90 focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-neutral-900 dark:focus:ring-offset-neutral-950 rounded-full p-2 transition-colors',
 	];

package/packages/widgets/hero-overlay-single/data/view.php

@@ -98,7 +98,7 @@ function prepare_hero_overlay_single_view( array $settings, string $widget_id ):
 		'headline'   => 'text-white dark:text-white',
 		'overlay'    => 'bg-neutral-900/60 dark:bg-neutral-950/70',
 		'bar_bg'     => 'bg-neutral-900/50 dark:bg-neutral-950/60 border-t border-white/5 backdrop-blur-xl',
-		'cta_bar'    => 'inline-flex items-center justify-center gap-2 rounded-full px-6 py-3.5 text-base font-semibold text-white bg-emerald-500 hover:bg-emerald-600 focus:outline-none focus:ring-2 focus:ring-emerald-400 focus:ring-offset-2 focus:ring-offset-neutral-900 dark:focus:ring-offset-neutral-950 transition-colors no-underline',
+		'cta_bar'    => 'inline-flex items-center justify-center gap-2 rounded-full px-6 py-3.5 text-base font-semibold text-white bg-neutral-500 hover:bg-neutral-600 focus:outline-none focus:ring-2 focus:ring-neutral-400 focus:ring-offset-2 focus:ring-offset-neutral-900 dark:focus:ring-offset-neutral-950 transition-colors no-underline',
 		'anchor_btn' => 'inline-flex items-center justify-center gap-2 rounded-full px-6 py-3.5 text-base font-semibold text-white bg-transparent border-2 border-white/90 hover:bg-white/10 focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-neutral-900 dark:focus:ring-offset-neutral-950 transition-colors no-underline shrink-0',
 		'nav_btn'    => 'text-white hover:text-white/90 focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-neutral-900 dark:focus:ring-offset-neutral-950 rounded-full p-2 transition-colors',
 	];

package/packages/widgets/hero-overlay-slider/data/view.php

@@ -98,7 +98,7 @@ function prepare_hero_overlay_slider_view( array $settings, string $widget_id ):
 		'headline'   => 'text-white dark:text-white',
 		'overlay'    => 'bg-neutral-900/60 dark:bg-neutral-950/70',
 		'bar_bg'     => 'bg-neutral-900/50 dark:bg-neutral-950/60 border-t border-white/5 backdrop-blur-xl',
-		'cta_bar'    => 'inline-flex items-center justify-center gap-2 rounded-full px-6 py-3.5 text-base font-semibold text-white bg-emerald-500 hover:bg-emerald-600 focus:outline-none focus:ring-2 focus:ring-emerald-400 focus:ring-offset-2 focus:ring-offset-neutral-900 dark:focus:ring-offset-neutral-950 transition-colors no-underline',
+		'cta_bar'    => 'inline-flex items-center justify-center gap-2 rounded-full px-6 py-3.5 text-base font-semibold text-white bg-neutral-500 hover:bg-neutral-600 focus:outline-none focus:ring-2 focus:ring-neutral-400 focus:ring-offset-2 focus:ring-offset-neutral-900 dark:focus:ring-offset-neutral-950 transition-colors no-underline',
 		'anchor_btn' => 'inline-flex items-center justify-center gap-2 rounded-full px-6 py-3.5 text-base font-semibold text-white bg-transparent border-2 border-white/90 hover:bg-white/10 focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-neutral-900 dark:focus:ring-offset-neutral-950 transition-colors no-underline shrink-0',
 		'nav_btn'    => 'text-white hover:text-white/90 focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-neutral-900 dark:focus:ring-offset-neutral-950 rounded-full p-2 transition-colors',
 	];

package/packages/widgets/hero-saas-centered/data/view.php

@@ -55,11 +55,11 @@ function prepare_hero_saas_centered_view( array $settings, string $widget_id ):
 
 	// Light/dark mode: dual classes so widget responds to Nav theme switcher
 	$classes = [
-		'section'   => 'bg-neutral-100 text-zinc-900 dark:bg-zinc-900 dark:text-neutral-100',
-		'text'      => 'bg-neutral-100 text-zinc-900 dark:bg-zinc-900 dark:text-neutral-100',
-		'subtext'   => 'bg-neutral-100 text-zinc-900 dark:bg-zinc-900 dark:text-neutral-100',
-		'eyebrow'   => 'bg-neutral-100 text-zinc-900 dark:bg-zinc-900 dark:text-neutral-100',
-		'trust'     => 'text-neutral-400 dark:text-blue-chill-100/50',
+		'section'   => 'bg-neutral-100 text-neutral-900 dark:bg-neutral-900 dark:text-neutral-100',
+		'text'      => 'bg-neutral-100 text-neutral-900 dark:bg-neutral-900 dark:text-neutral-100',
+		'subtext'   => 'bg-neutral-100 text-neutral-900 dark:bg-neutral-900 dark:text-neutral-100',
+		'eyebrow'   => 'bg-neutral-100 text-neutral-900 dark:bg-neutral-900 dark:text-neutral-100',
+		'trust'     => 'text-neutral-400 dark:text-neutral-100/50',
 		'image_box' => 'border border-neutral-200 dark:border-neutral-700',
 	];
 

package/packages/widgets/hero-saas-split/data/view.php

@@ -55,11 +55,11 @@ function prepare_hero_saas_split_view( array $settings, string $widget_id ): arr
 
 	// Light/dark mode: dual classes so widget responds to Nav theme switcher
 	$classes = [
-		'section'   => 'bg-neutral-100 text-zinc-900 dark:bg-zinc-900 dark:text-neutral-100',
-		'text'      => 'bg-neutral-100 text-zinc-900 dark:bg-zinc-900 dark:text-neutral-100',
-		'subtext'   => 'bg-neutral-100 text-zinc-900 dark:bg-zinc-900 dark:text-neutral-100',
-		'eyebrow'   => 'bg-neutral-100 text-zinc-900 dark:bg-zinc-900 dark:text-neutral-100',
-		'trust'     => 'text-neutral-400 dark:text-blue-chill-100/50',
+		'section'   => 'bg-neutral-100 text-neutral-900 dark:bg-neutral-900 dark:text-neutral-100',
+		'text'      => 'bg-neutral-100 text-neutral-900 dark:bg-neutral-900 dark:text-neutral-100',
+		'subtext'   => 'bg-neutral-100 text-neutral-900 dark:bg-neutral-900 dark:text-neutral-100',
+		'eyebrow'   => 'bg-neutral-100 text-neutral-900 dark:bg-neutral-900 dark:text-neutral-100',
+		'trust'     => 'text-neutral-400 dark:text-neutral-100/50',
 		'image_box' => 'border border-neutral-200 dark:border-neutral-700',
 	];
 

package/packages/widgets/hero-saas-stacked/data/view.php

@@ -55,11 +55,11 @@ function prepare_hero_saas_stacked_view( array $settings, string $widget_id ): a
 
 	// Light/dark mode: dual classes so widget responds to Nav theme switcher
 	$classes = [
-		'section'   => 'bg-neutral-100 text-zinc-900 dark:bg-zinc-900 dark:text-neutral-100',
-		'text'      => 'bg-neutral-100 text-zinc-900 dark:bg-zinc-900 dark:text-neutral-100',
-		'subtext'   => 'bg-neutral-100 text-zinc-900 dark:bg-zinc-900 dark:text-neutral-100',
-		'eyebrow'   => 'bg-neutral-100 text-zinc-900 dark:bg-zinc-900 dark:text-neutral-100',
-		'trust'     => 'text-neutral-400 dark:text-blue-chill-100/50',
+		'section'   => 'bg-neutral-100 text-neutral-900 dark:bg-neutral-900 dark:text-neutral-100',
+		'text'      => 'bg-neutral-100 text-neutral-900 dark:bg-neutral-900 dark:text-neutral-100',
+		'subtext'   => 'bg-neutral-100 text-neutral-900 dark:bg-neutral-900 dark:text-neutral-100',
+		'eyebrow'   => 'bg-neutral-100 text-neutral-900 dark:bg-neutral-900 dark:text-neutral-100',
+		'trust'     => 'text-neutral-400 dark:text-neutral-100/50',
 		'image_box' => 'border border-neutral-200 dark:border-neutral-700',
 	];
 

package/packages/widgets/hero-split/data/view.php

@@ -60,9 +60,9 @@ function prepare_hero_split_view( array $settings, string $widget_id ): array {
 
 	// Light/dark mode: dual classes so widget responds to Nav theme switcher
 	$classes = [
-		'section' => 'bg-neutral-100 text-zinc-900 dark:bg-zinc-900 dark:text-neutral-100',
-		'text'    => 'text-zinc-900 dark:text-neutral-100',
-		'subtext' => 'text-zinc-900 dark:text-neutral-300',
+		'section' => 'bg-neutral-100 text-neutral-900 dark:bg-neutral-900 dark:text-neutral-100',
+		'text'    => 'text-neutral-900 dark:text-neutral-100',
+		'subtext' => 'text-neutral-900 dark:text-neutral-300',
 		'eyebrow' => 'text-primary dark:text-primary-light',
 	];
 

package/packages/widgets/hero-stacked-image/templates/wrapper.php

@@ -47,13 +47,13 @@ $elements_path = SOCIALLANE_ELEMENTS_PATH . 'elements';
 <?php // ========== HERO STACKED IMAGE START ========== ?>
 
 <section
-	class="relative flex flex-col bg-neutral-100 text-zinc-900 dark:bg-zinc-900 dark:text-neutral-300<?php echo $has_media ? '' : ' min-h-screen'; ?>"
+	class="relative flex flex-col bg-neutral-100 text-neutral-900 dark:bg-neutral-900 dark:text-neutral-300<?php echo $has_media ? '' : ' min-h-screen'; ?>"
 	<?php echo $section_attrs ? ' ' . $section_attrs : ''; ?>
 	<?php if ( $has_heading ) : ?>aria-labelledby="<?php echo esc_attr( $hero_id ); ?>"<?php endif; ?>
 >
 	<?php /* Subtle glow behind hero content */ ?>
 	<div class="absolute inset-0 pointer-events-none" aria-hidden="true">
-		<div class="absolute left-1/2 top-1/3 -translate-x-1/2 -translate-y-1/2 w-[800px] h-[400px] bg-blue-chill-600/20 dark:bg-blue-chill-500/10 rounded blur-3xl"></div>
+		<div class="absolute left-1/2 top-1/3 -translate-x-1/2 -translate-y-1/2 w-[800px] h-[400px] bg-neutral-600/20 dark:bg-neutral-500/10 rounded blur-3xl"></div>
 	</div>
 
 	<div class="container relative z-10 mx-auto <?php echo $has_media ? 'px-4 sm:px-6 lg:px-8 pt-16 md:pt-24 lg:pt-32 pb-0' : 'flex-1 flex flex-col justify-center px-4 sm:px-6 lg:px-8 pt-4 md:pt-12 lg:pt-32 md:pb-24'; ?>">
@@ -67,8 +67,8 @@ $elements_path = SOCIALLANE_ELEMENTS_PATH . 'elements';
 				'show_secondary'  => $view['show_cta_secondary'] && $view['cta_secondary'],
 				'secondary'       => $view['cta_secondary'] ?? null,
 				'class'           => 'mt-10 flex flex-col sm:flex-row items-center justify-center gap-4',
-				'primary_extras'  => 'focus:ring-white focus:ring-offset-blue-chill-900 dark:focus:ring-offset-blue-chill-900',
-				'secondary_extras'=> 'focus:ring-white focus:ring-offset-blue-chill-900 dark:focus:ring-offset-blue-chill-900',
+				'primary_extras'  => 'focus:ring-white focus:ring-offset-neutral-900 dark:focus:ring-offset-neutral-900',
+				'secondary_extras'=> 'focus:ring-white focus:ring-offset-neutral-900 dark:focus:ring-offset-neutral-900',
 				'elements_path'   => $elements_path,
 			];
 			include $elements_path . '/cta-group/templates/render.php';

package/packages/widgets/intro-text/data/view.php

@@ -58,9 +58,9 @@ function prepare_intro_text_view( array $settings, string $widget_id ): array {
 
 	$animation = sociallane_animation_view_data( $settings, [ 'headline' => true ] );
 	$classes = [
-		'section' => 'bg-white dark:bg-zinc-900',
-		'eyebrow' => 'text-zinc-900 dark:text-neutral-200',
-		'lead'    => 'text-zinc-900 dark:text-neutral-200',
+		'section' => 'bg-white dark:bg-neutral-900',
+		'eyebrow' => 'text-neutral-900 dark:text-neutral-200',
+		'lead'    => 'text-neutral-900 dark:text-neutral-200',
 	];
 
 	return array_merge( $fields, [

package/packages/widgets/logo-grid-centered/data/view.php

@@ -61,10 +61,10 @@ function prepare_logo_grid_centered_view( array $settings, string $widget_id ):
 
 	// Light/dark: dual classes for Nav theme switcher (elementor-widget-structure, widget-utility-classes)
 	$classes = [
-		'section'       => 'bg-blue-chill-950 dark:bg-gradient-to-t from-blue-chill-900 dark:via-blue-chill-950 dark:to-neutral-950',
-		'headline'      => 'text-blue-chill-300 dark:text-blue-chill-200',
-		'description'   => 'text-blue-chill-300 dark:text-blue-chill-200',
-		'logo_block'    => 'group bg-neutral-100 dark:bg-blue-chill-800 rounded-xl border border-blue-chill-100 dark:border-blue-chill-100/20 flex items-center justify-center p-6 md:p-8 min-h-[100px]',
+		'section'       => 'bg-neutral-950 dark:bg-gradient-to-t from-neutral-900 dark:via-neutral-950 dark:to-neutral-950',
+		'headline'      => 'text-neutral-300 dark:text-neutral-200',
+		'description'   => 'text-neutral-300 dark:text-neutral-200',
+		'logo_block'    => 'group bg-neutral-100 dark:bg-neutral-800 rounded-xl border border-neutral-100 dark:border-neutral-100/20 flex items-center justify-center p-6 md:p-8 min-h-[100px]',
 		'logo_block_row' => 'group flex items-center justify-center shrink-0 p-4',
 	];
 

package/packages/widgets/logo-grid-row/data/view.php

@@ -61,10 +61,10 @@ function prepare_logo_grid_row_view( array $settings, string $widget_id ): array
 
 	// Light/dark: dual classes for Nav theme switcher (elementor-widget-structure, widget-utility-classes)
 	$classes = [
-		'section'       => 'bg-blue-chill-950 dark:bg-gradient-to-t from-blue-chill-900 dark:via-blue-chill-950 dark:to-neutral-950',
-		'headline'      => 'text-blue-chill-300 dark:text-blue-chill-200',
-		'description'   => 'text-blue-chill-300 dark:text-blue-chill-200',
-		'logo_block'    => 'group bg-neutral-100 dark:bg-blue-chill-800 rounded-xl border border-blue-chill-100 dark:border-blue-chill-100/20 flex items-center justify-center p-6 md:p-8 min-h-[100px]',
+		'section'       => 'bg-neutral-950 dark:bg-gradient-to-t from-neutral-900 dark:via-neutral-950 dark:to-neutral-950',
+		'headline'      => 'text-neutral-300 dark:text-neutral-200',
+		'description'   => 'text-neutral-300 dark:text-neutral-200',
+		'logo_block'    => 'group bg-neutral-100 dark:bg-neutral-800 rounded-xl border border-neutral-100 dark:border-neutral-100/20 flex items-center justify-center p-6 md:p-8 min-h-[100px]',
 		'logo_block_row' => 'group flex items-center justify-center shrink-0 p-4',
 	];
 

package/packages/widgets/logo-grid-split/data/view.php

@@ -61,10 +61,10 @@ function prepare_logo_grid_split_view( array $settings, string $widget_id ): arr
 
 	// Light/dark: dual classes for Nav theme switcher (elementor-widget-structure, widget-utility-classes)
 	$classes = [
-		'section'       => 'bg-blue-chill-950 dark:bg-gradient-to-t from-blue-chill-900 dark:via-blue-chill-950 dark:to-neutral-950',
-		'headline'      => 'text-blue-chill-300 dark:text-blue-chill-200',
-		'description'   => 'text-blue-chill-300 dark:text-blue-chill-200',
-		'logo_block'    => 'group bg-neutral-100 dark:bg-blue-chill-800 rounded-xl border border-blue-chill-100 dark:border-blue-chill-100/20 flex items-center justify-center p-6 md:p-8 min-h-[100px]',
+		'section'       => 'bg-neutral-950 dark:bg-gradient-to-t from-neutral-900 dark:via-neutral-950 dark:to-neutral-950',
+		'headline'      => 'text-neutral-300 dark:text-neutral-200',
+		'description'   => 'text-neutral-300 dark:text-neutral-200',
+		'logo_block'    => 'group bg-neutral-100 dark:bg-neutral-800 rounded-xl border border-neutral-100 dark:border-neutral-100/20 flex items-center justify-center p-6 md:p-8 min-h-[100px]',
 		'logo_block_row' => 'group flex items-center justify-center shrink-0 p-4',
 	];
 

package/packages/widgets/nav-centered/data/view.php

@@ -150,35 +150,35 @@ function prepare_nav_centered_view( array $settings, string $widget_id ): array
 	// Variant: bar style and padding
 	$bar_styles = [
 		'default'  => [
-			'bar'         => 'bg-neutral-100 text-zinc-900 border-b border-neutral-200 dark:bg-neutral-900 dark:border-neutral-700',
+			'bar'         => 'bg-neutral-100 text-neutral-900 border-b border-neutral-200 dark:bg-neutral-900 dark:border-neutral-700',
 			'drop_out'    => 'bg-white border-t border-neutral-200 dark:bg-neutral-900 dark:border-neutral-700',
 			'padding'     => 'py-4',
 			'centered'    => false,
 			'is_floating' => false,
 		],
 		'centered'  => [
-			'bar'         => 'bg-blue-chill-950 border-b border-neutral-200 dark:bg-neutral-900 dark:border-neutral-700',
-			'drop_out'    => 'bg-blue-chill-800 border-t border-neutral-200 dark:bg-neutral-900 dark:border-neutral-700',
+			'bar'         => 'bg-neutral-950 border-b border-neutral-200 dark:bg-neutral-900 dark:border-neutral-700',
+			'drop_out'    => 'bg-neutral-800 border-t border-neutral-200 dark:bg-neutral-900 dark:border-neutral-700',
 			'padding'     => 'py-4',
 			'centered'    => true,
 			'is_floating' => false,
 		],
 		'minimal'   => [
-			'bar'         => 'bg-blue-chill-950 dark:bg-neutral-900 dark:border-neutral-700',
+			'bar'         => 'bg-neutral-950 dark:bg-neutral-900 dark:border-neutral-700',
 			'drop_out'    => 'bg-white/95 dark:bg-neutral-900/95 border-t border-neutral-200 dark:border-neutral-700',
 			'padding'     => 'py-4',
 			'centered'    => false,
 			'is_floating' => false,
 		],
 		'compact'   => [
-			'bar'         => 'bg-blue-chill-950 border-b border-neutral-200 dark:bg-neutral-900 dark:border-neutral-700',
+			'bar'         => 'bg-neutral-950 border-b border-neutral-200 dark:bg-neutral-900 dark:border-neutral-700',
 			'drop_out'    => 'bg-white border-t border-neutral-200 dark:bg-neutral-900 dark:border-neutral-700',
 			'padding'     => 'py-2',
 			'centered'    => false,
 			'is_floating' => false,
 		],
 		'floating'  => [
-			'bar'         => 'bg-blue-chill-950 dark:bg-neutral-900 shadow-lg rounded-full',
+			'bar'         => 'bg-neutral-950 dark:bg-neutral-900 shadow-lg rounded-full',
 			'drop_out'    => 'bg-white dark:bg-neutral-900 border-t border-neutral-200 dark:border-neutral-700',
 			'padding'     => 'py-3 px-6',
 			'centered'    => false,
@@ -193,9 +193,9 @@ function prepare_nav_centered_view( array $settings, string $widget_id ): array
 	$classes = [
 		'bar'      => $variant_style['bar'],
 		'drop_out' => $variant_style['drop_out'],
-		'link'     => 'no-underline text-zinc-900 hover:text-zinc-500 hover:underline focus:text-neutral-900 dark:text-neutral-300 dark:hover:text-white dark:focus:text-white',
+		'link'     => 'no-underline text-neutral-900 hover:text-neutral-500 hover:underline focus:text-neutral-900 dark:text-neutral-300 dark:hover:text-white dark:focus:text-white',
 		'logo'     => 'no-underline text-neutral-900 dark:text-white',
-		'skip'     => 'no-underline bg-primary text-zinc-900 focus:ring-2 focus:ring-primary focus:ring-offset-2 dark:focus:ring-offset-neutral-900',
+		'skip'     => 'no-underline bg-primary text-neutral-900 focus:ring-2 focus:ring-primary focus:ring-offset-2 dark:focus:ring-offset-neutral-900',
 	];
 
 	$is_floating = ! empty( $variant_style['is_floating'] );

package/packages/widgets/nav-compact/data/view.php

@@ -150,35 +150,35 @@ function prepare_nav_compact_view( array $settings, string $widget_id ): array {
 	// Variant: bar style and padding
 	$bar_styles = [
 		'default'  => [
-			'bar'         => 'bg-neutral-100 text-zinc-900 border-b border-neutral-200 dark:bg-neutral-900 dark:border-neutral-700',
+			'bar'         => 'bg-neutral-100 text-neutral-900 border-b border-neutral-200 dark:bg-neutral-900 dark:border-neutral-700',
 			'drop_out'    => 'bg-white border-t border-neutral-200 dark:bg-neutral-900 dark:border-neutral-700',
 			'padding'     => 'py-4',
 			'centered'    => false,
 			'is_floating' => false,
 		],
 		'centered'  => [
-			'bar'         => 'bg-blue-chill-950 border-b border-neutral-200 dark:bg-neutral-900 dark:border-neutral-700',
-			'drop_out'    => 'bg-blue-chill-800 border-t border-neutral-200 dark:bg-neutral-900 dark:border-neutral-700',
+			'bar'         => 'bg-neutral-950 border-b border-neutral-200 dark:bg-neutral-900 dark:border-neutral-700',
+			'drop_out'    => 'bg-neutral-800 border-t border-neutral-200 dark:bg-neutral-900 dark:border-neutral-700',
 			'padding'     => 'py-4',
 			'centered'    => true,
 			'is_floating' => false,
 		],
 		'minimal'   => [
-			'bar'         => 'bg-blue-chill-950 dark:bg-neutral-900 dark:border-neutral-700',
+			'bar'         => 'bg-neutral-950 dark:bg-neutral-900 dark:border-neutral-700',
 			'drop_out'    => 'bg-white/95 dark:bg-neutral-900/95 border-t border-neutral-200 dark:border-neutral-700',
 			'padding'     => 'py-4',
 			'centered'    => false,
 			'is_floating' => false,
 		],
 		'compact'   => [
-			'bar'         => 'bg-blue-chill-950 border-b border-neutral-200 dark:bg-neutral-900 dark:border-neutral-700',
+			'bar'         => 'bg-neutral-950 border-b border-neutral-200 dark:bg-neutral-900 dark:border-neutral-700',
 			'drop_out'    => 'bg-white border-t border-neutral-200 dark:bg-neutral-900 dark:border-neutral-700',
 			'padding'     => 'py-2',
 			'centered'    => false,
 			'is_floating' => false,
 		],
 		'floating'  => [
-			'bar'         => 'bg-blue-chill-950 dark:bg-neutral-900 shadow-lg rounded-full',
+			'bar'         => 'bg-neutral-950 dark:bg-neutral-900 shadow-lg rounded-full',
 			'drop_out'    => 'bg-white dark:bg-neutral-900 border-t border-neutral-200 dark:border-neutral-700',
 			'padding'     => 'py-3 px-6',
 			'centered'    => false,
@@ -193,9 +193,9 @@ function prepare_nav_compact_view( array $settings, string $widget_id ): array {
 	$classes = [
 		'bar'      => $variant_style['bar'],
 		'drop_out' => $variant_style['drop_out'],
-		'link'     => 'no-underline text-zinc-900 hover:text-zinc-500 hover:underline focus:text-neutral-900 dark:text-neutral-300 dark:hover:text-white dark:focus:text-white',
+		'link'     => 'no-underline text-neutral-900 hover:text-neutral-500 hover:underline focus:text-neutral-900 dark:text-neutral-300 dark:hover:text-white dark:focus:text-white',
 		'logo'     => 'no-underline text-neutral-900 dark:text-white',
-		'skip'     => 'no-underline bg-primary text-zinc-900 focus:ring-2 focus:ring-primary focus:ring-offset-2 dark:focus:ring-offset-neutral-900',
+		'skip'     => 'no-underline bg-primary text-neutral-900 focus:ring-2 focus:ring-primary focus:ring-offset-2 dark:focus:ring-offset-neutral-900',
 	];
 
 	$is_floating = ! empty( $variant_style['is_floating'] );