From 45630d6e1c96a94ce3f6a5b2dc460a7c272a2952 Mon Sep 17 00:00:00 2001
From: iitzIrFan <irfanlhawk@gmail.com>
Date: Tue, 21 Oct 2025 00:00:42 +0530
Subject: [PATCH] fix(ui): update Pro Tips section color scheme
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Aligned background gradient with site theme (blue-indigo-purple)
- Added gradient progression to number badges (blue→indigo→ number badges (blue→indigo→purple→pink)
- Improved dark mode support with proper
---
 src/pages/interview-prep/TechnicalTab.tsx | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/pages/interview-prep/TechnicalTab.tsx b/src/pages/interview-prep/TechnicalTab.tsx
index 60f92514..aa04a706 100644
--- a/src/pages/interview-prep/TechnicalTab.tsx
+++ b/src/pages/interview-prep/TechnicalTab.tsx
@@ -385,7 +385,7 @@ const TechnicalTab: React.FC<TechnicalTabProps> = ({
 
       {/* Tips & Best Practices */}
       <motion.div
-        className="rounded-2xl bg-gradient-to-r from-blue-50 to-purple-50 p-8 dark:from-gray-800 dark:to-gray-700"
+        className="rounded-2xl border border-blue-100 bg-gradient-to-br from-blue-50 via-indigo-50 to-purple-50 p-8 dark:border-blue-800 dark:from-blue-900/20 dark:via-indigo-900/20 dark:to-purple-900/20"
         variants={fadeIn}
       >
         <h3 className="mb-6 text-center text-2xl font-bold text-gray-900 dark:text-white">
@@ -394,7 +394,7 @@ const TechnicalTab: React.FC<TechnicalTabProps> = ({
         <div className="grid gap-6 md:grid-cols-2">
           <div className="space-y-4">
             <div className="flex items-start space-x-3">
-              <div className="mt-1 flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-full bg-blue-500">
+              <div className="mt-1 flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-full bg-gradient-to-br from-blue-500 to-indigo-500">
                 <span className="text-xs font-bold text-white">1</span>
               </div>
               <div>
@@ -408,7 +408,7 @@ const TechnicalTab: React.FC<TechnicalTabProps> = ({
               </div>
             </div>
             <div className="flex items-start space-x-3">
-              <div className="mt-1 flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-full bg-blue-500">
+              <div className="mt-1 flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-full bg-gradient-to-br from-blue-500 to-indigo-500">
                 <span className="text-xs font-bold text-white">2</span>
               </div>
               <div>
@@ -422,7 +422,7 @@ const TechnicalTab: React.FC<TechnicalTabProps> = ({
               </div>
             </div>
             <div className="flex items-start space-x-3">
-              <div className="mt-1 flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-full bg-blue-500">
+              <div className="mt-1 flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-full bg-gradient-to-br from-indigo-500 to-purple-500">
                 <span className="text-xs font-bold text-white">3</span>
               </div>
               <div>
@@ -438,7 +438,7 @@ const TechnicalTab: React.FC<TechnicalTabProps> = ({
           </div>
           <div className="space-y-4">
             <div className="flex items-start space-x-3">
-              <div className="mt-1 flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-full bg-purple-500">
+              <div className="mt-1 flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-full bg-gradient-to-br from-indigo-500 to-purple-500">
                 <span className="text-xs font-bold text-white">4</span>
               </div>
               <div>
@@ -452,7 +452,7 @@ const TechnicalTab: React.FC<TechnicalTabProps> = ({
               </div>
             </div>
             <div className="flex items-start space-x-3">
-              <div className="mt-1 flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-full bg-purple-500">
+              <div className="mt-1 flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-full bg-gradient-to-br from-purple-500 to-pink-500">
                 <span className="text-xs font-bold text-white">5</span>
               </div>
               <div>
@@ -465,7 +465,7 @@ const TechnicalTab: React.FC<TechnicalTabProps> = ({
               </div>
             </div>
             <div className="flex items-start space-x-3">
-              <div className="mt-1 flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-full bg-purple-500">
+              <div className="mt-1 flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-full bg-gradient-to-br from-purple-500 to-pink-500">
                 <span className="text-xs font-bold text-white">6</span>
               </div>
               <div>