update src/components/ThemeColor/index.js

src/components/ThemeColor/index.js

@@ -31,14 +31,14 @@ const ThemeColor = ({ inputFields }) => {
         <div className="flex-grow flex flex-col p-4">
           <div className="w-full flex flex-row items-center justify-between">
             <p className="text-2xl">Screens</p>
-            <p className=" px-2 py-0.5 bg-surface text-primaryText text-xs rtl border border-dashed">
+            <p className=" px-2 py-0.5 bg-surface text-surfaceText text-xs rtl border border-dashed">
               بعد از نوشتن عدد مورد نظر حتما از
               <span className="mx-1 font-bold">px</span>
               استفاده کنید.
             </p>
           </div>
           <hr className="my-2 border border-[#b8dff3]" />
-          <p className="w-fit self-center px-2 py-0.5 bg-surface text-primaryText text-xs rtl border border-dashed">
+          <p className="w-fit self-center px-2 py-0.5 bg-secondary text-secondaryText text-xs rtl border border-dashed">
             برای مثال:
             <span className="mx-1 font-bold">444px</span>
           </p>