update src/components/CardDesgin/RoomCardInfo/index.js

src/components/CardDesgin/RoomCardInfo/index.js

@@ -3,7 +3,7 @@ import QRCode from "react-qr-code";
 
 const RoomCardInfo = ({ items }) => {
   return (
-    <div className="w-fit p-4 relative flex flex-row items-center justify-between rounded-md border bg-white border-gray-200">
+    <div className="w-fit p-4 relative flex flex-row items-center justify-between rounded-md border bg-surface border-surfaceBorder">
       <img
         src="images/RoomCardInfoflower2.svg"
         alt="flower"
@@ -12,16 +12,16 @@ const RoomCardInfo = ({ items }) => {
 
       {items.map((item, index) => (
         <div key={index} className="space-y-1">
-          <p className="text-lg text-[#0F0543]">{item.name}</p>
+          <p className="text-lg text-primaryText">{item.name}</p>
-          <p className="text-xs text-[#0F0543]">
+          <p className="text-xs text-primaryText">
             تاریخ ورود:
             <span className="mr-1">{item.enterData}</span>
           </p>
-          <p className="text-xs text-[#0F0543]">
+          <p className="text-xs text-primaryText">
             تاریخ انقضا اقامت:
             <span className="mr-1">{item.expireData}</span>
           </p>
-          <p className="text-xs text-[#0F0543]">
+          <p className="text-xs text-primaryText">
             شماره محل اقامت:
             <span className="mr-1">{item.roomNumber}</span>
           </p>