update 7 files

src/components/Accordion/AccordionDesign1/index.js

@@ -154,10 +154,12 @@ function AccordionDesign1({ vod }) {
                         }  cursor-pointer`}
                       >
                         <CircleInCircle
-                          parentClassName={"bg-primary w-0 h- "}
+                          parentClassName={"bg-primary w-4 h-4"}
                           childClassName={false}
                         />
-                        <h2 className="flex-1 mr-5 text-sm">{item.title}</h2>
+                        <h2 className="flex-1 mr-5 text-sm text-primaryText">
+                          {item.title}
+                        </h2>
                         {vod && (
                           <div className="flex flex-row items-center ml-5 ">
                             <p className="text-xs text-primary">
@@ -202,12 +204,14 @@ function AccordionDesign1({ vod }) {
                               </span>
                             </div>
                             <div className="w-0.5 h-5 mx-3 bg-primary"></div>
-                            <p className="text-sm flex-1">{subItem.name}</p>
+                            <p className="text-xs flex-1 text-primaryText">
+                              {subItem.name}
+                            </p>
                             <div className="flex flex-row items-center justify-end gap-x-3 flex-1">
                               {vod ? (
                                 <>
                                   <div className="flex flex-row items-center ml-7">
-                                    <p className="text-xs">
+                                    <p className="text-xs primaryText">
                                       دقیقه:
                                       <span>{item.min}</span>
                                     </p>

src/components/Accordion/index.js

@@ -10,7 +10,7 @@ function Accordion() {
   return (
     <div className="w-full flex flex-col items-center">
       <select
-        className="mb-10 w-20 bg-surface"
+        className="mb-10 w-20 bg-surface border border-surfaceBorder"
         onChange={(e) => setType(e.target.value)}
       >
         {Object.keys(list).map((option, index) => (

src/components/AddToCart/index.js

@@ -12,7 +12,7 @@ function AddToCart() {
   return (
     <div className="w-full flex flex-col items-center">
       <select
-        className="mb-10 w-20 bg-gray-200"
+        className="mb-10 w-20 bg-surface border border-surfaceBorder"
         onChange={(e) => setType(e.target.value)}
       >
         {Object.keys(list).map((option, index) => (

src/components/Advertisements/Design1/index.js

@@ -32,15 +32,15 @@ const AdvertisementDesign1 = () => {
         className="bg-green-200 bg-opacity-40 absolute rounded-full backdrop-filter backdrop-blur-md"
       ></div>
       <div className="w-full h-full flex flex-col justify-center p-10 absolute right-0 bottom-0 z-50">
-        <h2 className="text-lg">تبلیغات دانوینی</h2>
+        <h2 className="text-lg text-primaryText">تبلیغات دانوینی</h2>
-        <p className="mt-2 text-sm text-justify leading-6">
+        <p className="mt-2 text-sm  text-primaryText text-justify leading-6">
           لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده
           از طراحان گرافیک است.
         </p>
       </div>
       <Button
         text="دانلود اپلیکیشن"
-        className="p-3 text-base rounded-sm border absolute left-1/2 bottom-0 transform -translate-x-1/2 -translate-y-1/2 z-50"
+        className="p-3 text-primaryText text-base rounded border border-primary absolute left-1/2 bottom-0 transform -translate-x-1/2 -translate-y-1/2 z-50"
       />
     </div>
   );

src/components/Advertisements/Design2/index.js

@@ -5,14 +5,14 @@ const AdvertisementDesign2 = () => {
   return (
     <div className="w-fit h-[226px] relative bg-[#E3F2FF] rounded-3xl">
       <div className="w-8/12 flex flex-col justify-center p-10">
-        <h2 className="text-lg">تبلیغات دانوینی</h2>
+        <h2 className="text-lg text-primaryText">تبلیغات دانوینی</h2>
-        <p className="text-sm text-justify leading-6 mt-2">
+        <p className="text-sm text-justify leading-6 mt-2 text-primaryText">
           لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده
           از طراحان گرافیک است.
         </p>
         <Button
           text="دانلود اپلیکیشن"
-          className="w-fit self-end p-3 bg-[#132F52] text-sm text-white border rounded-lg"
+          className="w-fit self-end p-3 bg-primary text-sm text-primaryText border border-primary rounded"
         />
       </div>
       <div

src/components/Advertisements/Design3/index.js

@@ -5,8 +5,8 @@ const AdvertisementDesign3 = ({ features }) => {
   return (
     <div className="relative bg-[#E3F2FF] rounded-3xl">
       <div className="flex flex-col justify-center p-10">
-        <h2 className="text-lg text-[#132F52] z-50">تبلیغات دانوینی</h2>
+        <h2 className="text-lg text-primaryText z-50">تبلیغات دانوینی</h2>
-        <p className="text-sm text-justify leading-6 mt-2 text-[#132F52] z-50">
+        <p className="text-sm text-justify leading-6 mt-2 text-primaryText z-50">
           لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده
           از طراحان گرافیک است.
         </p>
@@ -14,7 +14,7 @@ const AdvertisementDesign3 = ({ features }) => {
           {features.map((feature, i) => (
             <div className="flex flex-row items-center mt-2">
               <img src={feature.icon} alt="icon" className="w-6 z-50" />
-              <p className="mr-2 text-sm text-justify text-[#132F52] leading-6 z-50">
+              <p className="mr-2 text-sm text-justify text-primaryText leading-6 z-50">
                 {feature.title}
               </p>
             </div>
@@ -45,11 +45,11 @@ const AdvertisementDesign3 = ({ features }) => {
       <div className="absolute flex flex-row gap-x-4 bottom-5 left-10">
         <Button
           text="تماس با ما"
-          className="text-sm text-blue-500 border-2 border-blue-500 rounded p-2 "
+          className="text-sm text-primaryText border-2 border-primary rounded p-2 hover:bg-primary"
         />
         <Button
           text="به سلامت"
-          className="bg-blue-500 text-sm text-white border-2 border-blue-500 rounded p-2 "
+          className="bg-primary text-sm text-primaryText border-2 border-primary rounded p-2 hover:bg-primaryDark hover:border-primaryDark"
         />
       </div>
     </div>

src/components/Advertisements/index.js

@@ -14,7 +14,7 @@ function Advertisements() {
   return (
     <div className="w-full flex flex-col items-center">
       <select
-        className="mb-10 w-20 bg-gray-200"
+        className="mb-10 w-20 bg-surface border border-surfaceBorder"
         onChange={(e) => setType(e.target.value)}
       >
         {Object.keys(list).map((option, index) => (