update src/components/Accordion/AccordionDesign1/index.js and default.js

src/components/Accordion/AccordionDesign1/index.js

@@ -149,23 +149,23 @@ function AccordionDesign1({ vod }) {
                         }
                         className={`flex flex-row items-center justify-between px-3 py-4 border-b-2 ${
                           activeAccordion === item
-                            ? "border-secondary"
+                            ? "border-primary"
-                            : "border-surfaceBorder"
+                            : "border-gray-100"
                         }  cursor-pointer`}
                       >
                         <CircleInCircle
-                          parentClassName={"bg-secondary w-0 h- "}
+                          parentClassName={"bg-primary w-0 h- "}
                           childClassName={false}
                         />
                         <h2 className="flex-1 mr-5 text-sm">{item.title}</h2>
                         {vod && (
                           <div className="flex flex-row items-center ml-5 ">
-                            <p className="text-xs">
+                            <p className="text-xs text-primary">
                               دقیقه:
                               <span>{item.min}</span>
                             </p>
-                            <div className="w-0.5 h-4 mx-2 bg-surfaceBorder"></div>
+                            <div className="w-0.5 h-4 mx-2 bg-gray-100"></div>
-                            <p className="text-xs">
+                            <p className="text-xs text-primary">
                               ویدیو:
                               <span>{item.video}</span>
                             </p>
@@ -184,7 +184,7 @@ function AccordionDesign1({ vod }) {
                       {/* child */}
                       {activeAccordion === item &&
                         item.subItems.map((subItem, i) => (
-                          <div className="flex flex-row items-center justify-between p-3 border-b-2 border-surfaceBorder cursor-pointer transition-all duration-500 ease-in-out">
+                          <div className="flex flex-row items-center justify-between p-3 border-b-2 border-primary cursor-pointer transition-all duration-500 ease-in-out">
                             <div className="flex flex-row items-center">
                               {vod === !true && (
                                 <img
@@ -201,7 +201,7 @@ function AccordionDesign1({ vod }) {
                                 {i + 1}
                               </span>
                             </div>
-                            <div className="w-0.5 h-5 mx-3 bg-surfaceBorder"></div>
+                            <div className="w-0.5 h-5 mx-3 bg-primary"></div>
                             <p className="text-sm flex-1">{subItem.name}</p>
                             <div className="flex flex-row items-center justify-end gap-x-3 flex-1">
                               {vod ? (
@@ -212,7 +212,7 @@ function AccordionDesign1({ vod }) {
                                       <span>{item.min}</span>
                                     </p>
                                     <Button
-                                      className="px-2 py-1 text-primary text-sm border border-surfaceBorder rounded mr-4"
+                                      className="px-2 py-1 text-primary text-sm border border-primary rounded mr-4"
                                       text={"پخش"}
                                     />
                                   </div>

src/components/ThemeColor/default.js

@@ -7,9 +7,9 @@ const defaultTheme = {
   secondaryText: "#000000",
   secondaryDark: "#008868",
   secondaryLight: "#4effd5",
-  background: "#ffffff",
+  background: "#f5f5f5",
   backgroundText: "#000000",
-  surface: "#6eb1d2",
+  surface: "#ffffff",
   surfaceText: "#000000",
   surfaceBorder: "#c8d6e5",
   info: "#43c1ff",