npm - @sociallane/elements - Versions diffs - 1.0.8 → 1.0.10 - Mend

@sociallane/elements 1.0.8 → 1.0.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (184) hide show

package/packages/widgets/bento-grid/templates/partials/two-row-deploys.php CHANGED Viewed

@@ -26,7 +26,7 @@ $items  = $data['items'] ?? [];
 					<a href="<?php echo esc_url( $item['href'] ); ?>" <?php echo $item['attrs']; ?> class="group flex items-start justify-between gap-3 rounded-lg p-2 -m-2 hover:bg-neutral-100 dark:hover:bg-neutral-700/50 focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-[#21283B]">
 						<div class="min-w-0 flex-1">
 							<div class="flex items-center gap-2 flex-wrap">
-								<span class="shrink-0 w-2 h-2 rounded-full <?php echo $item['status'] === 'success' ? 'bg-green-500' : 'bg-neutral-400 dark:bg-neutral-500'; ?>" aria-hidden="true"></span>
+								<span class="shrink-0 w-2 h-2 rounded-full <?php echo $item['status'] === 'success' ? 'bg-neutral-500' : 'bg-neutral-400 dark:bg-neutral-500'; ?>" aria-hidden="true"></span>
 								<span class="<?php echo esc_attr( $cls['card_title'] ); ?> text-sm font-semibold"><?php echo $item['label']; ?></span>
 								<?php if ( $item['badge'] !== '' ) : ?>
 									<span class="<?php echo esc_attr( $cls['badge'] ); ?>"><?php echo $item['badge']; ?></span>

package/packages/widgets/bento-grid/templates/partials/two-row-overview.php CHANGED Viewed

@@ -27,7 +27,7 @@ $tabs = $data['tabs'] ?? [];
 	<div class="p-5 md:p-6 flex-1 flex flex-col">
 		<?php if ( ( $data['project'] ?? '' ) !== '' ) : ?>
 			<div class="flex items-center gap-2 mb-4">
-				<span class="w-2 h-2 rounded-full bg-green-500 shrink-0" aria-hidden="true"></span>
+				<span class="w-2 h-2 rounded-full bg-neutral-500 shrink-0" aria-hidden="true"></span>
 				<span class="<?php echo esc_attr( $cls['card_title'] ); ?> text-sm font-semibold"><?php echo $data['project']; ?></span>
 			</div>
 			<?php if ( ( $data['project_meta'] ?? '' ) !== '' ) : ?>

package/packages/widgets/bento-grid/templates/partials/two-row-security.php CHANGED Viewed

@@ -36,7 +36,7 @@ $avatar2 = $data['avatar2'] ?? null;
 			<?php if ( $avatar2 && ! empty( $avatar2['url'] ) ) : ?>
 				<span class="relative inline-block">
 					<img src="<?php echo esc_url( $avatar2['url'] ); ?>" alt="" class="w-10 h-10 rounded-full border-2 border-white dark:border-[#21283B] object-cover" loading="lazy" width="40" height="40" />
-					<span class="absolute bottom-0 right-0 w-3 h-3 bg-green-500 rounded-full border-2 border-white dark:border-[#21283B]" aria-hidden="true"></span>
+					<span class="absolute bottom-0 right-0 w-3 h-3 bg-neutral-500 rounded-full border-2 border-white dark:border-[#21283B]" aria-hidden="true"></span>
 				</span>
 			<?php endif; ?>
 		</div>

package/packages/widgets/bento-grid-4/data/view.php CHANGED Viewed

@@ -99,15 +99,15 @@ function prepare_bento_grid_4_view( array $settings, string $widget_id ): array
 	// Light/dark: section and cards
 	$classes = [
-		'section'     => 'bg-neutral-100 dark:bg-zinc-900',
-		'eyebrow'     => 'text-zinc-900 dark:text-neutral-200',
-		'headline'    => 'text-zinc-900 dark:text-neutral-200',
-		'card'        => 'bg-white dark:bg-zinc-900 rounded-2xl border border-neutral-200 dark:border-neutral-700 dark:shadow-none',
-		'card_title'  => 'text-zinc-900 dark:text-neutral-200 font-bold',
-		'card_desc'   => 'text-zinc-900 dark:text-neutral-200',
-		'metric_val'  => 'text-zinc-900 dark:text-neutral-200',
+		'section'     => 'bg-neutral-100 dark:bg-neutral-900',
+		'eyebrow'     => 'text-neutral-900 dark:text-neutral-200',
+		'headline'    => 'text-neutral-900 dark:text-neutral-200',
+		'card'        => 'bg-white dark:bg-neutral-900 rounded-2xl border border-neutral-200 dark:border-neutral-700 dark:shadow-none',
+		'card_title'  => 'text-neutral-900 dark:text-neutral-200 font-bold',
+		'card_desc'   => 'text-neutral-900 dark:text-neutral-200',
+		'metric_val'  => 'text-neutral-900 dark:text-neutral-200',
 		'metric_change' => 'text-primary dark:text-neutral-200',
-		'code_bg'     => 'bg-zinc-900 dark:bg-zinc-900 text-neutral-200',
+		'code_bg'     => 'bg-neutral-900 dark:bg-neutral-900 text-neutral-200',
 		'badge'       => 'bg-primary/20 dark:bg-primary-light/20 text-primary dark:text-primary-light text-xs font-medium px-2.5 py-1 rounded-full',
 	];

package/packages/widgets/bento-grid-4/templates/partials/tcsr-row1-left.php CHANGED Viewed

@@ -34,7 +34,7 @@ $tabs = $data['tabs'] ?? [];
 	<div class="p-5 md:p-6 flex-1 flex flex-col">
 		<?php if ( ( $data['project'] ?? '' ) !== '' ) : ?>
 			<div class="flex items-center gap-2 mb-4">
-				<span class="w-2 h-2 rounded-full bg-green-500 shrink-0" aria-hidden="true"></span>
+				<span class="w-2 h-2 rounded-full bg-neutral-500 shrink-0" aria-hidden="true"></span>
 				<span class="<?php echo esc_attr( $cls['card_title'] ); ?> text-sm font-semibold"><?php echo $data['project']; ?></span>
 			</div>
 			<?php if ( ( $data['project_meta'] ?? '' ) !== '' ) : ?>

package/packages/widgets/bento-grid-4/templates/partials/two-row-deploys.php CHANGED Viewed

@@ -26,7 +26,7 @@ $items  = $data['items'] ?? [];
 					<a href="<?php echo esc_url( $item['href'] ); ?>" <?php echo $item['attrs']; ?> class="group flex items-start justify-between gap-3 rounded-lg p-2 -m-2 hover:bg-neutral-100 dark:hover:bg-neutral-700/50 focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-[#21283B]">
 						<div class="min-w-0 flex-1">
 							<div class="flex items-center gap-2 flex-wrap">
-								<span class="shrink-0 w-2 h-2 rounded-full <?php echo $item['status'] === 'success' ? 'bg-green-500' : 'bg-neutral-400 dark:bg-neutral-500'; ?>" aria-hidden="true"></span>
+								<span class="shrink-0 w-2 h-2 rounded-full <?php echo $item['status'] === 'success' ? 'bg-neutral-500' : 'bg-neutral-400 dark:bg-neutral-500'; ?>" aria-hidden="true"></span>
 								<span class="<?php echo esc_attr( $cls['card_title'] ); ?> text-sm font-semibold"><?php echo $item['label']; ?></span>
 								<?php if ( $item['badge'] !== '' ) : ?>
 									<span class="<?php echo esc_attr( $cls['badge'] ); ?>"><?php echo $item['badge']; ?></span>

package/packages/widgets/bento-grid-4/templates/partials/two-row-overview.php CHANGED Viewed

@@ -27,7 +27,7 @@ $tabs = $data['tabs'] ?? [];
 	<div class="p-5 md:p-6 flex-1 flex flex-col">
 		<?php if ( ( $data['project'] ?? '' ) !== '' ) : ?>
 			<div class="flex items-center gap-2 mb-4">
-				<span class="w-2 h-2 rounded-full bg-green-500 shrink-0" aria-hidden="true"></span>
+				<span class="w-2 h-2 rounded-full bg-neutral-500 shrink-0" aria-hidden="true"></span>
 				<span class="<?php echo esc_attr( $cls['card_title'] ); ?> text-sm font-semibold"><?php echo $data['project']; ?></span>
 			</div>
 			<?php if ( ( $data['project_meta'] ?? '' ) !== '' ) : ?>

package/packages/widgets/bento-grid-4/templates/partials/two-row-security.php CHANGED Viewed

@@ -36,7 +36,7 @@ $avatar2 = $data['avatar2'] ?? null;
 			<?php if ( $avatar2 && ! empty( $avatar2['url'] ) ) : ?>
 				<span class="relative inline-block">
 					<img src="<?php echo esc_url( $avatar2['url'] ); ?>" alt="" class="w-10 h-10 rounded-full border-2 border-white dark:border-[#21283B] object-cover" loading="lazy" width="40" height="40" />
-					<span class="absolute bottom-0 right-0 w-3 h-3 bg-green-500 rounded-full border-2 border-white dark:border-[#21283B]" aria-hidden="true"></span>
+					<span class="absolute bottom-0 right-0 w-3 h-3 bg-neutral-500 rounded-full border-2 border-white dark:border-[#21283B]" aria-hidden="true"></span>
 				</span>
 			<?php endif; ?>
 		</div>

package/packages/widgets/bento-grid-5/data/view.php CHANGED Viewed

@@ -25,15 +25,15 @@ function prepare_bento_grid_5_view( array $settings, string $widget_id ): array
 	$animation = sociallane_animation_view_data( $settings, [ 'headline' => true, 'stagger' => true ] );
 	$classes = [
-		'section'     => 'bg-neutral-100 dark:bg-zinc-900',
-		'eyebrow'     => 'text-zinc-900 dark:text-neutral-200',
-		'headline'    => 'text-zinc-900 dark:text-neutral-200',
-		'card'        => 'bg-white dark:bg-zinc-900 rounded-2xl border border-neutral-200 dark:border-neutral-700 dark:shadow-none',
-		'card_title'  => 'text-zinc-900 dark:text-neutral-200 font-bold',
-		'card_desc'   => 'text-zinc-900 dark:text-neutral-200',
-		'metric_val'  => 'text-zinc-900 dark:text-neutral-200',
+		'section'     => 'bg-neutral-100 dark:bg-neutral-900',
+		'eyebrow'     => 'text-neutral-900 dark:text-neutral-200',
+		'headline'    => 'text-neutral-900 dark:text-neutral-200',
+		'card'        => 'bg-white dark:bg-neutral-900 rounded-2xl border border-neutral-200 dark:border-neutral-700 dark:shadow-none',
+		'card_title'  => 'text-neutral-900 dark:text-neutral-200 font-bold',
+		'card_desc'   => 'text-neutral-900 dark:text-neutral-200',
+		'metric_val'  => 'text-neutral-900 dark:text-neutral-200',
 		'metric_change' => 'text-primary dark:text-neutral-200',
-		'code_bg'     => 'bg-zinc-900 dark:bg-zinc-900 text-neutral-200',
+		'code_bg'     => 'bg-neutral-900 dark:bg-neutral-900 text-neutral-200',
 		'badge'       => 'bg-primary/20 dark:bg-primary-light/20 text-primary dark:text-primary-light text-xs font-medium px-2.5 py-1 rounded-full',
 	];

package/packages/widgets/bento-grid-5/templates/partials/tcsr-row1-left.php CHANGED Viewed

@@ -34,7 +34,7 @@ $tabs = $data['tabs'] ?? [];
 	<div class="p-5 md:p-6 flex-1 flex flex-col">
 		<?php if ( ( $data['project'] ?? '' ) !== '' ) : ?>
 			<div class="flex items-center gap-2 mb-4">
-				<span class="w-2 h-2 rounded-full bg-green-500 shrink-0" aria-hidden="true"></span>
+				<span class="w-2 h-2 rounded-full bg-neutral-500 shrink-0" aria-hidden="true"></span>
 				<span class="<?php echo esc_attr( $cls['card_title'] ); ?> text-sm font-semibold"><?php echo $data['project']; ?></span>
 			</div>
 			<?php if ( ( $data['project_meta'] ?? '' ) !== '' ) : ?>

package/packages/widgets/bento-grid-5/templates/partials/two-row-deploys.php CHANGED Viewed

@@ -26,7 +26,7 @@ $items  = $data['items'] ?? [];
 					<a href="<?php echo esc_url( $item['href'] ); ?>" <?php echo $item['attrs']; ?> class="group flex items-start justify-between gap-3 rounded-lg p-2 -m-2 hover:bg-neutral-100 dark:hover:bg-neutral-700/50 focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-[#21283B]">
 						<div class="min-w-0 flex-1">
 							<div class="flex items-center gap-2 flex-wrap">
-								<span class="shrink-0 w-2 h-2 rounded-full <?php echo $item['status'] === 'success' ? 'bg-green-500' : 'bg-neutral-400 dark:bg-neutral-500'; ?>" aria-hidden="true"></span>
+								<span class="shrink-0 w-2 h-2 rounded-full <?php echo $item['status'] === 'success' ? 'bg-neutral-500' : 'bg-neutral-400 dark:bg-neutral-500'; ?>" aria-hidden="true"></span>
 								<span class="<?php echo esc_attr( $cls['card_title'] ); ?> text-sm font-semibold"><?php echo $item['label']; ?></span>
 								<?php if ( $item['badge'] !== '' ) : ?>
 									<span class="<?php echo esc_attr( $cls['badge'] ); ?>"><?php echo $item['badge']; ?></span>

package/packages/widgets/bento-grid-5/templates/partials/two-row-overview.php CHANGED Viewed

@@ -27,7 +27,7 @@ $tabs = $data['tabs'] ?? [];
 	<div class="p-5 md:p-6 flex-1 flex flex-col">
 		<?php if ( ( $data['project'] ?? '' ) !== '' ) : ?>
 			<div class="flex items-center gap-2 mb-4">
-				<span class="w-2 h-2 rounded-full bg-green-500 shrink-0" aria-hidden="true"></span>
+				<span class="w-2 h-2 rounded-full bg-neutral-500 shrink-0" aria-hidden="true"></span>
 				<span class="<?php echo esc_attr( $cls['card_title'] ); ?> text-sm font-semibold"><?php echo $data['project']; ?></span>
 			</div>
 			<?php if ( ( $data['project_meta'] ?? '' ) !== '' ) : ?>

package/packages/widgets/bento-grid-5/templates/partials/two-row-security.php CHANGED Viewed

@@ -36,7 +36,7 @@ $avatar2 = $data['avatar2'] ?? null;
 			<?php if ( $avatar2 && ! empty( $avatar2['url'] ) ) : ?>
 				<span class="relative inline-block">
 					<img src="<?php echo esc_url( $avatar2['url'] ); ?>" alt="" class="w-10 h-10 rounded-full border-2 border-white dark:border-[#21283B] object-cover" loading="lazy" width="40" height="40" />
-					<span class="absolute bottom-0 right-0 w-3 h-3 bg-green-500 rounded-full border-2 border-white dark:border-[#21283B]" aria-hidden="true"></span>
+					<span class="absolute bottom-0 right-0 w-3 h-3 bg-neutral-500 rounded-full border-2 border-white dark:border-[#21283B]" aria-hidden="true"></span>
 				</span>
 			<?php endif; ?>
 		</div>

package/packages/widgets/bento-grid-6/data/view.php CHANGED Viewed

@@ -49,15 +49,15 @@ function prepare_bento_grid_6_view( array $settings, string $widget_id ): array
 	$animation = sociallane_animation_view_data( $settings, [ 'headline' => true, 'stagger' => true ] );
 	$classes = [
-		'section'     => 'bg-neutral-100 dark:bg-zinc-900',
-		'eyebrow'     => 'text-zinc-900 dark:text-neutral-200',
-		'headline'    => 'text-zinc-900 dark:text-neutral-200',
-		'card'        => 'bg-white dark:bg-zinc-900 rounded-2xl border border-neutral-200 dark:border-neutral-700 dark:shadow-none',
-		'card_title'  => 'text-zinc-900 dark:text-neutral-200 font-bold',
-		'card_desc'   => 'text-zinc-900 dark:text-neutral-200',
-		'metric_val'  => 'text-zinc-900 dark:text-neutral-200',
+		'section'     => 'bg-neutral-100 dark:bg-neutral-900',
+		'eyebrow'     => 'text-neutral-900 dark:text-neutral-200',
+		'headline'    => 'text-neutral-900 dark:text-neutral-200',
+		'card'        => 'bg-white dark:bg-neutral-900 rounded-2xl border border-neutral-200 dark:border-neutral-700 dark:shadow-none',
+		'card_title'  => 'text-neutral-900 dark:text-neutral-200 font-bold',
+		'card_desc'   => 'text-neutral-900 dark:text-neutral-200',
+		'metric_val'  => 'text-neutral-900 dark:text-neutral-200',
 		'metric_change' => 'text-primary dark:text-neutral-200',
-		'code_bg'     => 'bg-zinc-900 dark:bg-zinc-900 text-neutral-200',
+		'code_bg'     => 'bg-neutral-900 dark:bg-neutral-900 text-neutral-200',
 		'badge'       => 'bg-primary/20 dark:bg-primary-light/20 text-primary dark:text-primary-light text-xs font-medium px-2.5 py-1 rounded-full',
 	];

package/packages/widgets/bento-grid-6/templates/partials/tcsr-row1-left.php CHANGED Viewed

@@ -34,7 +34,7 @@ $tabs = $data['tabs'] ?? [];
 	<div class="p-5 md:p-6 flex-1 flex flex-col">
 		<?php if ( ( $data['project'] ?? '' ) !== '' ) : ?>
 			<div class="flex items-center gap-2 mb-4">
-				<span class="w-2 h-2 rounded-full bg-green-500 shrink-0" aria-hidden="true"></span>
+				<span class="w-2 h-2 rounded-full bg-neutral-500 shrink-0" aria-hidden="true"></span>
 				<span class="<?php echo esc_attr( $cls['card_title'] ); ?> text-sm font-semibold"><?php echo $data['project']; ?></span>
 			</div>
 			<?php if ( ( $data['project_meta'] ?? '' ) !== '' ) : ?>

package/packages/widgets/bento-grid-6/templates/partials/two-row-deploys.php CHANGED Viewed

@@ -26,7 +26,7 @@ $items  = $data['items'] ?? [];
 					<a href="<?php echo esc_url( $item['href'] ); ?>" <?php echo $item['attrs']; ?> class="group flex items-start justify-between gap-3 rounded-lg p-2 -m-2 hover:bg-neutral-100 dark:hover:bg-neutral-700/50 focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-[#21283B]">
 						<div class="min-w-0 flex-1">
 							<div class="flex items-center gap-2 flex-wrap">
-								<span class="shrink-0 w-2 h-2 rounded-full <?php echo $item['status'] === 'success' ? 'bg-green-500' : 'bg-neutral-400 dark:bg-neutral-500'; ?>" aria-hidden="true"></span>
+								<span class="shrink-0 w-2 h-2 rounded-full <?php echo $item['status'] === 'success' ? 'bg-neutral-500' : 'bg-neutral-400 dark:bg-neutral-500'; ?>" aria-hidden="true"></span>
 								<span class="<?php echo esc_attr( $cls['card_title'] ); ?> text-sm font-semibold"><?php echo $item['label']; ?></span>
 								<?php if ( $item['badge'] !== '' ) : ?>
 									<span class="<?php echo esc_attr( $cls['badge'] ); ?>"><?php echo $item['badge']; ?></span>

package/packages/widgets/bento-grid-6/templates/partials/two-row-overview.php CHANGED Viewed

@@ -27,7 +27,7 @@ $tabs = $data['tabs'] ?? [];
 	<div class="p-5 md:p-6 flex-1 flex flex-col">
 		<?php if ( ( $data['project'] ?? '' ) !== '' ) : ?>
 			<div class="flex items-center gap-2 mb-4">
-				<span class="w-2 h-2 rounded-full bg-green-500 shrink-0" aria-hidden="true"></span>
+				<span class="w-2 h-2 rounded-full bg-neutral-500 shrink-0" aria-hidden="true"></span>
 				<span class="<?php echo esc_attr( $cls['card_title'] ); ?> text-sm font-semibold"><?php echo $data['project']; ?></span>
 			</div>
 			<?php if ( ( $data['project_meta'] ?? '' ) !== '' ) : ?>

package/packages/widgets/bento-grid-6/templates/partials/two-row-security.php CHANGED Viewed

@@ -36,7 +36,7 @@ $avatar2 = $data['avatar2'] ?? null;
 			<?php if ( $avatar2 && ! empty( $avatar2['url'] ) ) : ?>
 				<span class="relative inline-block">
 					<img src="<?php echo esc_url( $avatar2['url'] ); ?>" alt="" class="w-10 h-10 rounded-full border-2 border-white dark:border-[#21283B] object-cover" loading="lazy" width="40" height="40" />
-					<span class="absolute bottom-0 right-0 w-3 h-3 bg-green-500 rounded-full border-2 border-white dark:border-[#21283B]" aria-hidden="true"></span>
+					<span class="absolute bottom-0 right-0 w-3 h-3 bg-neutral-500 rounded-full border-2 border-white dark:border-[#21283B]" aria-hidden="true"></span>
 				</span>
 			<?php endif; ?>
 		</div>

package/packages/widgets/bento-portfolio/data/view.php CHANGED Viewed

@@ -77,10 +77,10 @@ function prepare_bento_portfolio_view( array $settings, string $widget_id ): arr
 	$animation = sociallane_animation_view_data( $settings, [ 'headline' => true, 'stagger' => true ] );
 	$classes = [
-		'section'    => 'bg-neutral-100 dark:bg-zinc-900',
-		'eyebrow'    => 'text-zinc-900 dark:text-neutral-200 uppercase tracking-wider text-sm font-normal',
+		'section'    => 'bg-neutral-100 dark:bg-neutral-900',
+		'eyebrow'    => 'text-neutral-900 dark:text-neutral-200 uppercase tracking-wider text-sm font-normal',
 		'headline'   => 'text-neutral-900 dark:text-neutral-200',
-		'subtitle'   => 'text-zinc-900 leading-8 dark:text-neutral-200',
+		'subtitle'   => 'text-neutral-900 leading-8 dark:text-neutral-200',
 		'card'       => 'bg-white dark:bg-[#21283B] rounded-2xl border border-neutral-200 dark:border-neutral-700/50 shadow-sm dark:shadow-none overflow-hidden',
 		'card_title' => 'text-neutral-900 leading-relaxed dark:text-neutral-200 font-normal',
 		'card_desc'  => 'text-neutral-600 dark:text-neutral-400',

package/packages/widgets/bento-portfolio/templates/partials/portfolio-card.php CHANGED Viewed

@@ -42,7 +42,7 @@ $align_row        = [ 'left' => 'justify-between', 'center' => 'justify-center',
 	<div class="absolute inset-0 bg-gradient-to-t from-black/60 via-black/0 to-transparent pointer-events-none" aria-hidden="true"></div>
-	<div class="absolute inset-0 pointer-events-none opacity-0 group-hover/card:opacity-100 transition-opacity duration-300 ease-out bg-[linear-gradient(to_top,var(--color-blue-chill-950)_0%,transparent_50%)]" aria-hidden="true"></div>
+	<div class="absolute inset-0 pointer-events-none opacity-0 group-hover/card:opacity-100 transition-opacity duration-300 ease-out bg-[linear-gradient(to_top,var(--color-neutral-950)_0%,transparent_50%)]" aria-hidden="true"></div>
 	<?php if ( $show_category && $category_label !== '' ) : ?>
 		<div class="absolute top-0 left-0 p-4 md:p-5">
@@ -69,7 +69,7 @@ $align_row        = [ 'left' => 'justify-between', 'center' => 'justify-center',
 		<a
 			href="<?php echo esc_url( $link_href ); ?>"
 			<?php echo $link_attrs; ?>
-			class="group shrink-0 h-10 md:h-12 rounded-full bg-blue-chill-950 dark:bg-blue-chill-300 dark:border-blue-chill-300/30 dark:text-blue-chill-950 text-blue-chill-300 border border-blue-chill-300/30 inline-flex items-center justify-end overflow-hidden transition-[max-width] duration-300 ease-out max-w-[2.5rem] md:max-w-[3rem] hover:max-w-[14rem] focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-neutral-900 pl-2 pr-2 md:pl-3 md:pr-3 hover:pl-4 hover:pr-4 md:hover:pl-5 md:hover:pr-5"
+			class="group shrink-0 h-10 md:h-12 rounded-full bg-neutral-950 dark:bg-neutral-300 dark:border-neutral-300/30 dark:text-neutral-950 text-neutral-300 border border-neutral-300/30 inline-flex items-center justify-end overflow-hidden transition-[max-width] duration-300 ease-out max-w-[2.5rem] md:max-w-[3rem] hover:max-w-[14rem] focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-neutral-900 pl-2 pr-2 md:pl-3 md:pr-3 hover:pl-4 hover:pr-4 md:hover:pl-5 md:hover:pr-5"
 			aria-label="<?php esc_attr_e( 'View project', 'sociallane-elements' ); ?>"
 		>
 			<span class="whitespace-nowrap overflow-hidden max-w-0 opacity-0 group-hover:max-w-[8rem] group-hover:opacity-100 transition-[max-width,opacity] duration-500 ease-out text-sm md:text-base font-medium mr-1.5 md:mr-2">

package/packages/widgets/bento-portfolio-4/data/view.php CHANGED Viewed

@@ -66,10 +66,10 @@ function prepare_bento_portfolio_4_view( array $settings, string $widget_id ): a
 	$animation = sociallane_animation_view_data( $settings, [ 'headline' => true, 'stagger' => true ] );
 	$classes = [
-		'section'    => 'bg-neutral-100 dark:bg-zinc-900',
-		'eyebrow'    => 'text-zinc-900 dark:text-neutral-200 uppercase tracking-wider text-sm font-normal',
+		'section'    => 'bg-neutral-100 dark:bg-neutral-900',
+		'eyebrow'    => 'text-neutral-900 dark:text-neutral-200 uppercase tracking-wider text-sm font-normal',
 		'headline'   => 'text-neutral-900 dark:text-neutral-200',
-		'subtitle'   => 'text-zinc-900 leading-8 dark:text-neutral-200',
+		'subtitle'   => 'text-neutral-900 leading-8 dark:text-neutral-200',
 		'card'       => 'bg-white dark:bg-[#21283B] rounded-2xl border border-neutral-200 dark:border-neutral-700/50 shadow-sm dark:shadow-none overflow-hidden',
 		'card_title' => 'text-neutral-900 leading-relaxed dark:text-neutral-200 font-normal',
 		'card_desc'  => 'text-neutral-600 dark:text-neutral-400',

package/packages/widgets/bento-portfolio-4/templates/partials/portfolio-card.php CHANGED Viewed

@@ -42,7 +42,7 @@ $align_row        = [ 'left' => 'justify-between', 'center' => 'justify-center',
 	<div class="absolute inset-0 bg-gradient-to-t from-black/60 via-black/0 to-transparent pointer-events-none" aria-hidden="true"></div>
-	<div class="absolute inset-0 pointer-events-none opacity-0 group-hover/card:opacity-100 transition-opacity duration-300 ease-out bg-[linear-gradient(to_top,var(--color-blue-chill-950)_0%,transparent_50%)]" aria-hidden="true"></div>
+	<div class="absolute inset-0 pointer-events-none opacity-0 group-hover/card:opacity-100 transition-opacity duration-300 ease-out bg-[linear-gradient(to_top,var(--color-neutral-950)_0%,transparent_50%)]" aria-hidden="true"></div>
 	<?php if ( $show_category && $category_label !== '' ) : ?>
 		<div class="absolute top-0 left-0 p-4 md:p-5">
@@ -69,7 +69,7 @@ $align_row        = [ 'left' => 'justify-between', 'center' => 'justify-center',
 		<a
 			href="<?php echo esc_url( $link_href ); ?>"
 			<?php echo $link_attrs; ?>
-			class="group shrink-0 h-10 md:h-12 rounded-full bg-blue-chill-950 dark:bg-blue-chill-300 dark:border-blue-chill-300/30 dark:text-blue-chill-950 text-blue-chill-300 border border-blue-chill-300/30 inline-flex items-center justify-end overflow-hidden transition-[max-width] duration-300 ease-out max-w-[2.5rem] md:max-w-[3rem] hover:max-w-[14rem] focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-neutral-900 pl-2 pr-2 md:pl-3 md:pr-3 hover:pl-4 hover:pr-4 md:hover:pl-5 md:hover:pr-5"
+			class="group shrink-0 h-10 md:h-12 rounded-full bg-neutral-950 dark:bg-neutral-300 dark:border-neutral-300/30 dark:text-neutral-950 text-neutral-300 border border-neutral-300/30 inline-flex items-center justify-end overflow-hidden transition-[max-width] duration-300 ease-out max-w-[2.5rem] md:max-w-[3rem] hover:max-w-[14rem] focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-neutral-900 pl-2 pr-2 md:pl-3 md:pr-3 hover:pl-4 hover:pr-4 md:hover:pl-5 md:hover:pr-5"
 			aria-label="<?php esc_attr_e( 'View project', 'sociallane-elements' ); ?>"
 		>
 			<span class="whitespace-nowrap overflow-hidden max-w-0 opacity-0 group-hover:max-w-[8rem] group-hover:opacity-100 transition-[max-width,opacity] duration-500 ease-out text-sm md:text-base font-medium mr-1.5 md:mr-2">

package/packages/widgets/bento-portfolio-5/data/view.php CHANGED Viewed

@@ -66,10 +66,10 @@ function prepare_bento_portfolio_5_view( array $settings, string $widget_id ): a
 	$animation = sociallane_animation_view_data( $settings, [ 'headline' => true, 'stagger' => true ] );
 	$classes = [
-		'section'    => 'bg-neutral-100 dark:bg-zinc-900',
-		'eyebrow'    => 'text-zinc-900 dark:text-neutral-200 uppercase tracking-wider text-sm font-normal',
+		'section'    => 'bg-neutral-100 dark:bg-neutral-900',
+		'eyebrow'    => 'text-neutral-900 dark:text-neutral-200 uppercase tracking-wider text-sm font-normal',
 		'headline'   => 'text-neutral-900 dark:text-neutral-200',
-		'subtitle'   => 'text-zinc-900 leading-8 dark:text-neutral-200',
+		'subtitle'   => 'text-neutral-900 leading-8 dark:text-neutral-200',
 		'card'       => 'bg-white dark:bg-[#21283B] rounded-2xl border border-neutral-200 dark:border-neutral-700/50 shadow-sm dark:shadow-none overflow-hidden',
 		'card_title' => 'text-neutral-900 leading-relaxed dark:text-neutral-200 font-normal',
 		'card_desc'  => 'text-neutral-600 dark:text-neutral-400',

package/packages/widgets/bento-portfolio-5/templates/partials/portfolio-card.php CHANGED Viewed

@@ -42,7 +42,7 @@ $align_row        = [ 'left' => 'justify-between', 'center' => 'justify-center',
 	<div class="absolute inset-0 bg-gradient-to-t from-black/60 via-black/0 to-transparent pointer-events-none" aria-hidden="true"></div>
-	<div class="absolute inset-0 pointer-events-none opacity-0 group-hover/card:opacity-100 transition-opacity duration-300 ease-out bg-[linear-gradient(to_top,var(--color-blue-chill-950)_0%,transparent_50%)]" aria-hidden="true"></div>
+	<div class="absolute inset-0 pointer-events-none opacity-0 group-hover/card:opacity-100 transition-opacity duration-300 ease-out bg-[linear-gradient(to_top,var(--color-neutral-950)_0%,transparent_50%)]" aria-hidden="true"></div>
 	<?php if ( $show_category && $category_label !== '' ) : ?>
 		<div class="absolute top-0 left-0 p-4 md:p-5">
@@ -69,7 +69,7 @@ $align_row        = [ 'left' => 'justify-between', 'center' => 'justify-center',
 		<a
 			href="<?php echo esc_url( $link_href ); ?>"
 			<?php echo $link_attrs; ?>
-			class="group shrink-0 h-10 md:h-12 rounded-full bg-blue-chill-950 dark:bg-blue-chill-300 dark:border-blue-chill-300/30 dark:text-blue-chill-950 text-blue-chill-300 border border-blue-chill-300/30 inline-flex items-center justify-end overflow-hidden transition-[max-width] duration-300 ease-out max-w-[2.5rem] md:max-w-[3rem] hover:max-w-[14rem] focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-neutral-900 pl-2 pr-2 md:pl-3 md:pr-3 hover:pl-4 hover:pr-4 md:hover:pl-5 md:hover:pr-5"
+			class="group shrink-0 h-10 md:h-12 rounded-full bg-neutral-950 dark:bg-neutral-300 dark:border-neutral-300/30 dark:text-neutral-950 text-neutral-300 border border-neutral-300/30 inline-flex items-center justify-end overflow-hidden transition-[max-width] duration-300 ease-out max-w-[2.5rem] md:max-w-[3rem] hover:max-w-[14rem] focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-neutral-900 pl-2 pr-2 md:pl-3 md:pr-3 hover:pl-4 hover:pr-4 md:hover:pl-5 md:hover:pr-5"
 			aria-label="<?php esc_attr_e( 'View project', 'sociallane-elements' ); ?>"
 		>
 			<span class="whitespace-nowrap overflow-hidden max-w-0 opacity-0 group-hover:max-w-[8rem] group-hover:opacity-100 transition-[max-width,opacity] duration-500 ease-out text-sm md:text-base font-medium mr-1.5 md:mr-2">

package/packages/widgets/bento-portfolio-6/data/view.php CHANGED Viewed

@@ -66,10 +66,10 @@ function prepare_bento_portfolio_6_view( array $settings, string $widget_id ): a
 	$animation = sociallane_animation_view_data( $settings, [ 'headline' => true, 'stagger' => true ] );
 	$classes = [
-		'section'    => 'bg-neutral-100 dark:bg-zinc-900',
-		'eyebrow'    => 'text-zinc-900 dark:text-neutral-200 uppercase tracking-wider text-sm font-normal',
+		'section'    => 'bg-neutral-100 dark:bg-neutral-900',
+		'eyebrow'    => 'text-neutral-900 dark:text-neutral-200 uppercase tracking-wider text-sm font-normal',
 		'headline'   => 'text-neutral-900 dark:text-neutral-200',
-		'subtitle'   => 'text-zinc-900 leading-8 dark:text-neutral-200',
+		'subtitle'   => 'text-neutral-900 leading-8 dark:text-neutral-200',
 		'card'       => 'bg-white dark:bg-[#21283B] rounded-2xl border border-neutral-200 dark:border-neutral-700/50 shadow-sm dark:shadow-none overflow-hidden',
 		'card_title' => 'text-neutral-900 leading-relaxed dark:text-neutral-200 font-normal',
 		'card_desc'  => 'text-neutral-600 dark:text-neutral-400',

package/packages/widgets/bento-portfolio-6/templates/partials/portfolio-card.php CHANGED Viewed

@@ -42,7 +42,7 @@ $align_row        = [ 'left' => 'justify-between', 'center' => 'justify-center',
 	<div class="absolute inset-0 bg-gradient-to-t from-black/60 via-black/0 to-transparent pointer-events-none" aria-hidden="true"></div>
-	<div class="absolute inset-0 pointer-events-none opacity-0 group-hover/card:opacity-100 transition-opacity duration-300 ease-out bg-[linear-gradient(to_top,var(--color-blue-chill-950)_0%,transparent_50%)]" aria-hidden="true"></div>
+	<div class="absolute inset-0 pointer-events-none opacity-0 group-hover/card:opacity-100 transition-opacity duration-300 ease-out bg-[linear-gradient(to_top,var(--color-neutral-950)_0%,transparent_50%)]" aria-hidden="true"></div>
 	<?php if ( $show_category && $category_label !== '' ) : ?>
 		<div class="absolute top-0 left-0 p-4 md:p-5">
@@ -69,7 +69,7 @@ $align_row        = [ 'left' => 'justify-between', 'center' => 'justify-center',
 		<a
 			href="<?php echo esc_url( $link_href ); ?>"
 			<?php echo $link_attrs; ?>
-			class="group shrink-0 h-10 md:h-12 rounded-full bg-blue-chill-950 dark:bg-blue-chill-300 dark:border-blue-chill-300/30 dark:text-blue-chill-950 text-blue-chill-300 border border-blue-chill-300/30 inline-flex items-center justify-end overflow-hidden transition-[max-width] duration-300 ease-out max-w-[2.5rem] md:max-w-[3rem] hover:max-w-[14rem] focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-neutral-900 pl-2 pr-2 md:pl-3 md:pr-3 hover:pl-4 hover:pr-4 md:hover:pl-5 md:hover:pr-5"
+			class="group shrink-0 h-10 md:h-12 rounded-full bg-neutral-950 dark:bg-neutral-300 dark:border-neutral-300/30 dark:text-neutral-950 text-neutral-300 border border-neutral-300/30 inline-flex items-center justify-end overflow-hidden transition-[max-width] duration-300 ease-out max-w-[2.5rem] md:max-w-[3rem] hover:max-w-[14rem] focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-neutral-900 pl-2 pr-2 md:pl-3 md:pr-3 hover:pl-4 hover:pr-4 md:hover:pl-5 md:hover:pr-5"
 			aria-label="<?php esc_attr_e( 'View project', 'sociallane-elements' ); ?>"
 		>
 			<span class="whitespace-nowrap overflow-hidden max-w-0 opacity-0 group-hover:max-w-[8rem] group-hover:opacity-100 transition-[max-width,opacity] duration-500 ease-out text-sm md:text-base font-medium mr-1.5 md:mr-2">

package/packages/widgets/blog-grid/data/view.php CHANGED Viewed

@@ -49,7 +49,7 @@ function prepare_blog_grid_view( array $settings, string $widget_id ): array {
 		'card_title'   => 'text-neutral-900 dark:text-neutral-100',
 		'meta'         => 'text-neutral-500 dark:text-neutral-400',
 		'excerpt'      => 'text-neutral-600 dark:text-neutral-300',
-		'read_more'    => 'text-blue-chill-600 dark:text-blue-chill-300',
+		'read_more'    => 'text-neutral-600 dark:text-neutral-300',
 		'tag_bg'       => 'bg-neutral-900/70 dark:bg-neutral-950/80',
 		'tag_text'     => 'text-white dark:text-white',
 		'cta_button'   => 'bg-neutral-200 text-neutral-900 hover:bg-neutral-300 dark:bg-neutral-700 dark:text-neutral-100 dark:hover:bg-neutral-600 focus:ring-2 focus:ring-primary focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-neutral-900',

package/packages/widgets/card-hover-reveal/data/view.php CHANGED Viewed

@@ -86,7 +86,7 @@ function prepare_card_hover_reveal_view( array $settings, string $widget_id ): a
 		'section'     => 'bg-white dark:bg-neutral-900',
 		'headline'    => 'text-neutral-900 dark:text-white',
 		'header_cta'  => 'inline-flex items-center gap-2 px-4 py-2.5 rounded-lg bg-neutral-100 dark:bg-neutral-800 text-neutral-900 dark:text-white font-medium hover:bg-neutral-200 dark:hover:bg-neutral-700 focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2 transition-colors',
-		'bar_bg'      => 'bg-zinc-900/60 border-t border-white-100/10 dark:bg-zinc-900/70 dark:border-white-100/10 backdrop-blur-sm',
+		'bar_bg'      => 'bg-neutral-900/60 border-t border-white-100/10 dark:bg-neutral-900/70 dark:border-white-100/10 backdrop-blur-sm',
 		'title'       => 'text-white font-bold',
 		'description' => 'text-white/90',
 		'cta_focus'   => 'focus:ring-white focus:ring-offset-2 focus:ring-offset-neutral-900 dark:focus:ring-offset-neutral-950',

package/packages/widgets/content-block/data/view.php CHANGED Viewed

@@ -69,10 +69,10 @@ function prepare_content_block_view( array $settings, string $widget_id ): array
 	$animation = sociallane_animation_view_data( $settings, [ 'headline' => true ] );
 	$classes = [
-		'section' => 'bg-neutral-100 text-blue-chill-950 dark:bg-zinc-900',
-		'text'    => 'text-blue-chill-950 dark:text-neutral-200',
-		'subtext' => 'text-blue-chill-950 dark:text-neutral-200',
-		'eyebrow' => 'text-blue-chill-950 dark:text-primary-light',
+		'section' => 'bg-neutral-100 text-neutral-950 dark:bg-neutral-900',
+		'text'    => 'text-neutral-950 dark:text-neutral-200',
+		'subtext' => 'text-neutral-950 dark:text-neutral-200',
+		'eyebrow' => 'text-neutral-950 dark:text-primary-light',
 	];
 	// First block title id for aria-labelledby (used when any block has a title)

package/packages/widgets/cta-banner/data/view.php CHANGED Viewed

@@ -69,13 +69,13 @@ function prepare_cta_banner_view( array $settings, string $widget_id ): array {
 	// Dark slate overlay (matches design: #313D4D feel), white text, teal/cyan icons
 	$classes = [
-		'overlay'     => 'bg-blue-chill-900 dark:bg-blue-chill-950',
+		'overlay'     => 'bg-neutral-900 dark:bg-neutral-950',
 		'headline'    => 'text-white dark:text-white',
 		'description' => 'text-white/90 dark:text-neutral-200',
 		'contact'     => 'text-white dark:text-white',
-		'icon'        => 'text-blue-chill-300 dark:text-blue-chill-400',
+		'icon'        => 'text-neutral-300 dark:text-neutral-400',
 		'separator'   => 'text-white/50 dark:text-neutral-400',
-		'cta_focus'   => 'focus:ring-white focus:ring-offset-blue-chill-900 dark:focus:ring-offset-blue-chill-950',
+		'cta_focus'   => 'focus:ring-white focus:ring-offset-neutral-900 dark:focus:ring-offset-neutral-950',
 	];
 	return array_merge( $fields, [

package/packages/widgets/cta-banner/templates/wrapper.php CHANGED Viewed

@@ -84,7 +84,7 @@ $has_heading   = $has_headline || $has_description;
 					<?php if ( ! empty( $view['phone'] ) ) : ?>
 						<a
 							href="<?php echo esc_url( $view['phone']['url'] ); ?>"
-							class="<?php echo esc_attr( $view['classes']['contact'] ); ?> inline-flex items-center gap-2 hover:opacity-90 focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-blue-chill-900 dark:focus:ring-offset-blue-chill-950 rounded transition-opacity"
+							class="<?php echo esc_attr( $view['classes']['contact'] ); ?> inline-flex items-center gap-2 hover:opacity-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 transition-opacity"
 							aria-label="<?php echo esc_attr( sprintf( /* translators: phone number */ __( 'Call %s', 'sociallane-elements' ), $view['phone']['label'] ) ); ?>"
 						>
 							<svg class="w-5 h-5 shrink-0 <?php echo esc_attr( $view['classes']['icon'] ); ?>" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true">
@@ -101,7 +101,7 @@ $has_heading   = $has_headline || $has_description;
 					<?php if ( ! empty( $view['email'] ) ) : ?>
 						<a
 							href="<?php echo esc_url( $view['email']['url'] ); ?>"
-							class="<?php echo esc_attr( $view['classes']['contact'] ); ?> inline-flex items-center gap-2 hover:opacity-90 focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-blue-chill-900 dark:focus:ring-offset-blue-chill-950 rounded transition-opacity"
+							class="<?php echo esc_attr( $view['classes']['contact'] ); ?> inline-flex items-center gap-2 hover:opacity-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 transition-opacity"
 							aria-label="<?php echo esc_attr( sprintf( /* translators: email address */ __( 'Email %s', 'sociallane-elements' ), $view['email']['label'] ) ); ?>"
 						>
 							<svg class="w-5 h-5 shrink-0 <?php echo esc_attr( $view['classes']['icon'] ); ?>" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true">

package/packages/widgets/cta-split/data/view.php CHANGED Viewed

@@ -59,13 +59,13 @@ function prepare_cta_split_view( array $settings, string $widget_id ): array {
 	// Dark slate left panel (#2E3E4C), white headline, lighter grey description, teal contact (#34D399)
 	$classes = [
-		'panel'       => 'bg-zinc-700 dark:bg-zinc-800',
+		'panel'       => 'bg-neutral-700 dark:bg-neutral-800',
 		'headline'    => 'text-white dark:text-white',
 		'description' => 'text-white/90 dark:text-neutral-200',
-		'contact'     => 'text-emerald-400 dark:text-emerald-400',
-		'icon'        => 'text-emerald-400 dark:text-emerald-400 shrink-0',
+		'contact'     => 'text-neutral-400 dark:text-neutral-400',
+		'icon'        => 'text-neutral-400 dark:text-neutral-400 shrink-0',
 		'separator'   => 'text-white/50 dark:text-neutral-400',
-		'focus_ring'  => 'focus:ring-emerald-400 focus:ring-offset-2 focus:ring-offset-blue-chill-900 dark:focus:ring-offset-blue-chill-950',
+		'focus_ring'  => 'focus:ring-neutral-400 focus:ring-offset-2 focus:ring-offset-neutral-900 dark:focus:ring-offset-neutral-950',
 	];
 	return array_merge( $fields, [

package/packages/widgets/faq-centered/data/view.php CHANGED Viewed

@@ -55,15 +55,15 @@ function prepare_faq_centered_view( array $settings, string $widget_id ): array
 	// Light/dark mode classes (all color/theme here — templates only echo these)
 	$classes = [
-		'section'      => 'bg-neutral-100 dark:bg-zinc-900',
-		'title'        => 'text-zinc-900 dark:text-neutral-200',
-		'description'  => 'text-zinc-900 dark:text-neutral-200',
-		'item_border'  => 'border-neutral-200 dark:border-blue-chill-100/0',
+		'section'      => 'bg-neutral-100 dark:bg-neutral-900',
+		'title'        => 'text-neutral-900 dark:text-neutral-200',
+		'description'  => 'text-neutral-900 dark:text-neutral-200',
+		'item_border'  => 'border-neutral-200 dark:border-neutral-100/0',
 		'item_bg'      => 'bg-transparent',
-		'question'     => 'text-zinc-900 dark:text-neutral-200',
-		'answer'       => 'text-zinc-900 dark:text-neutral-200',
+		'question'     => 'text-neutral-900 dark:text-neutral-200',
+		'answer'       => 'text-neutral-900 dark:text-neutral-200',
 		'summary_focus'=> 'focus:ring-primary focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-neutral-900',
-		'chevron'      => 'bg-blue-chill-300 dark:bg-neutral-800 text-neutral-600 dark:text-blue-chill-300',
+		'chevron'      => 'bg-neutral-300 dark:bg-neutral-800 text-neutral-600 dark:text-neutral-300',
 	];
 	// Schema for FAQPage (for SEO JSON-LD)

package/packages/widgets/faq-centered/templates/partials/accordion.php CHANGED Viewed

@@ -18,12 +18,12 @@ if ( ! is_array( $view['items'] ?? null ) || empty( $view['items'] ) ) {
 $items       = $view['items'];
 $faq_classes = is_array( $view['classes'] ?? null ) ? $view['classes'] : [
-	'item_border'   => 'border-neutral-200 dark:border-blue-chill-100/0',
+	'item_border'   => 'border-neutral-200 dark:border-neutral-100/0',
 	'item_bg'       => 'bg-transparent',
-	'question'      => 'text-zinc-900 dark:text-neutral-200',
-	'answer'        => 'text-zinc-900 dark:text-neutral-200',
+	'question'      => 'text-neutral-900 dark:text-neutral-200',
+	'answer'        => 'text-neutral-900 dark:text-neutral-200',
 	'summary_focus' => 'focus:ring-primary focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-neutral-900',
-	'chevron'       => 'bg-blue-chill-300 dark:bg-neutral-800 text-neutral-600 dark:text-blue-chill-300',
+	'chevron'       => 'bg-neutral-300 dark:bg-neutral-800 text-neutral-600 dark:text-neutral-300',
 ];
 $elements_path = defined( 'SOCIALLANE_ELEMENTS_PATH' ) ? SOCIALLANE_ELEMENTS_PATH . 'elements' : '';
 $stagger_attrs = isset( $stagger_attrs ) ? $stagger_attrs : '';

package/packages/widgets/faq-split/data/view.php CHANGED Viewed

@@ -59,15 +59,15 @@ function prepare_faq_split_view( array $settings, string $widget_id ): array {
 	// Light/dark mode classes (all color/theme here — templates only echo these)
 	$classes = [
-		'section'      => 'bg-neutral-100 dark:bg-zinc-900',
-		'title'        => 'text-zinc-900 dark:text-neutral-200',
-		'description'  => 'text-zinc-900 dark:text-neutral-200',
-		'item_border'  => 'border-neutral-200 dark:border-blue-chill-100/0',
+		'section'      => 'bg-neutral-100 dark:bg-neutral-900',
+		'title'        => 'text-neutral-900 dark:text-neutral-200',
+		'description'  => 'text-neutral-900 dark:text-neutral-200',
+		'item_border'  => 'border-neutral-200 dark:border-neutral-100/0',
 		'item_bg'      => 'bg-transparent',
-		'question'     => 'text-zinc-900 dark:text-neutral-200',
-		'answer'       => 'text-zinc-900 dark:text-neutral-200',
+		'question'     => 'text-neutral-900 dark:text-neutral-200',
+		'answer'       => 'text-neutral-900 dark:text-neutral-200',
 		'summary_focus'=> 'focus:ring-primary focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-neutral-900',
-		'chevron'      => 'bg-blue-chill-300 dark:bg-neutral-800 text-neutral-600 dark:text-blue-chill-300',
+		'chevron'      => 'bg-neutral-300 dark:bg-neutral-800 text-neutral-600 dark:text-neutral-300',
 	];
 	// Schema for FAQPage (for SEO JSON-LD)

package/packages/widgets/faq-split/templates/partials/accordion.php CHANGED Viewed

@@ -18,12 +18,12 @@ if ( ! is_array( $view['items'] ?? null ) || empty( $view['items'] ) ) {
 $items       = $view['items'];
 $faq_classes = is_array( $view['classes'] ?? null ) ? $view['classes'] : [
-	'item_border'   => 'border-neutral-200 dark:border-blue-chill-100/0',
+	'item_border'   => 'border-neutral-200 dark:border-neutral-100/0',
 	'item_bg'       => 'bg-transparent',
-	'question'      => 'text-zinc-900 dark:text-neutral-200',
-	'answer'        => 'text-zinc-900 dark:text-neutral-200',
+	'question'      => 'text-neutral-900 dark:text-neutral-200',
+	'answer'        => 'text-neutral-900 dark:text-neutral-200',
 	'summary_focus' => 'focus:ring-primary focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-neutral-900',
-	'chevron'       => 'bg-blue-chill-300 dark:bg-neutral-800 text-neutral-600 dark:text-blue-chill-300',
+	'chevron'       => 'bg-neutral-300 dark:bg-neutral-800 text-neutral-600 dark:text-neutral-300',
 ];
 $elements_path = defined( 'SOCIALLANE_ELEMENTS_PATH' ) ? SOCIALLANE_ELEMENTS_PATH . 'elements' : '';
 $stagger_attrs = isset( $stagger_attrs ) ? $stagger_attrs : '';