src/components/FamilyAcc/FamilyPopout/AssignTaskPopout.jsx

@@ -221,7 +221,7 @@ const AssignTaskPopout = ({
     <>
       <ModalCom action={action} situation={situation}>
         <div className="w-11/12 lg:w-[700px] bg-white dark:bg-dark-white lg:rounded-2xl overflow-y-auto">
-          <div className="w-full flex items-center justify-between lg:px-10 lg:py-8 px-[30px] py-[23px] border-b dark:border-[#5356fb29]  border-light-purple">
+          <div className="w-full flex items-center justify-between lg:px-10 lg:py-8 px-[30px] py-[23px] bg-sky-blue/50 border-b dark:border-[#5356fb29]  border-light-purple">
             <h1 className="text-26 font-bold text-dark-gray dark:text-white tracking-wide flex items-center">
               {details ? (
                 ` Assign ${details?.firstname}'s Task`
@@ -229,17 +229,17 @@ const AssignTaskPopout = ({
                 ` Assign ${familyDetailsData.firstname}'s Task`
               ) : (
                 <div className="flex items-center">
-                  Assign task to{" "}
+                  <span className="text-black">Assign task to{" "}</span>
                   <div className="w-[270px] h-[40px] ml-2">
                     <select
                       name=""
                       id=""
-                      className="text-black/70 bg-slate-100 px-2 transition-all cursor-pointer focus:outline-none border border-gray-200 rounded-lg w-full h-full py-1"
+                      className="text-white px-2 transition-all cursor-pointer bg-blue-900 focus:outline-none border border-gray-200 rounded-lg w-full h-full py-1"
                       onChange={handleFamChange}
                       value={selectedFamilyUid}
                     >
                       <option value="">
-                        Select a member
+                        Select a kid
                       </option>
                       {familyList}
                     </select>
@@ -249,7 +249,7 @@ const AssignTaskPopout = ({
             </h1>
             <button
               type="button"
-              className="text-[#374557] dark:text-red-500"
+              className="text-[#000] dark:text-red-500"
               onClick={action}
             >
               <svg