update src/components/ThemeColor/index.js

src/components/ThemeColor/index.js

@@ -39,12 +39,13 @@ const ThemeColor = ({ inputFields }) => {
       </p>
       {/* rightLeft */}
       <div className="w-full flex flex-row-reverse items-start justify-between mt-7 divide-x-2 divide-[#b8dff3] divide-x-reverse">
-        {/* right */}
+        {/* right Screens FONT */}
         <div className="flex-grow flex flex-col p-4">
+          {/* Screens */}
           <div className="w-full flex flex-row items-center justify-between">
             <p className="text-2xl">Screens</p>
           </div>
-          <hr className="my-2 border border-[#b8dff3] nh-tf bh-3--- d" />
+          <hr className="my-2 border border-[#b8dff3]" />
           <p className="w-fit self-end px-2 py-0.5 bg-surface text-surfaceText text-xs rtl border border-dashed">
             بعد از نوشتن عدد مورد نظر حتما از
             <span className="mx-1 font-bold">px</span>
@@ -71,9 +72,24 @@ const ThemeColor = ({ inputFields }) => {
           ))}
           <Button
             text="ثبت "
-            className="w-1/2 mx-auto bg-secondary text-white mt-4 rounded py-2"
+            className="w-1/2 mx-auto bg-secondary text-background mt-4 rounded py-2"
+          />
+          {/* FONT */}
+          {/* title */}
+          <div className="flex flex-row items-center justify-between mt-5">
+            <h4 className="text-2xl">Font</h4>
+            <Button
+              text={null}
+              className=""
+              icon={"images/ReactTable4plus.svg"}
+              iconClassName="bg-primaryDark p-2 rounded"
             />
           </div>
+          <hr className="my-2 border border-[#b8dff3]" />
+          <p className="mt-4 font-sansbold text-primaryDark">
+            Default IranSansX RegularBold
+          </p>
+        </div>
         {/* left */}
         <div className="flex-grow flex flex-col flex-1 p-4">
           <div className="w-full flex flex-row-reverse items-center justify-between">