From c0a5db67406660319927f0acb2463c2fe3f21afd Mon Sep 17 00:00:00 2001
From: MoulikaKulkarni <moulika.kulkarni@ayanworks.com>
Date: Tue, 26 Sep 2023 16:06:27 +0530
Subject: [PATCH] fix: dark mode fixes

Signed-off-by: MoulikaKulkarni <moulika.kulkarni@ayanworks.com>
---
 src/components/Verification/AttributesListData.tsx       | 6 +++---
 src/components/Verification/ProofRequestPopup.tsx        | 4 ++--
 src/components/Verification/SchemaCredDefDetails.tsx     | 5 +++--
 src/components/organization/users/EditUserRolesModal.tsx | 5 +++--
 4 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/src/components/Verification/AttributesListData.tsx b/src/components/Verification/AttributesListData.tsx
index 635fa1b96..7ed9ee086 100644
--- a/src/components/Verification/AttributesListData.tsx
+++ b/src/components/Verification/AttributesListData.tsx
@@ -30,13 +30,13 @@ interface AttributesListProps {
 									<div
 										className={`flex w-full text-lg`}
 									>
-										<div className="w-5/12 m-1 p-1 flex justify-start items-center text-gray-700 text-lg">
+										<div className="w-5/12 m-1 p-1 flex justify-start items-center text-gray-700 dark:text-white text-lg">
 											{item?.entity}
 										</div>
-										<div className="w-1/12 m-1 p-1 flex  items-center text-gray-700 text-lg">
+										<div className="w-1/12 m-1 p-1 flex  items-center text-gray-700 dark:text-white text-lg">
 											:
 										</div>
-										<div className="w-6/12 m-1 truncate p-1 flex flex-start items-center text-gray-700 text-lg">
+										<div className="w-6/12 m-1 truncate p-1 flex flex-start items-center text-gray-700 dark:text-white text-lg">
 											{item?.properties.join(', ')}
 										</div>
 									</div>
diff --git a/src/components/Verification/ProofRequestPopup.tsx b/src/components/Verification/ProofRequestPopup.tsx
index f89220a28..8ed725d20 100644
--- a/src/components/Verification/ProofRequestPopup.tsx
+++ b/src/components/Verification/ProofRequestPopup.tsx
@@ -102,7 +102,7 @@ const ProofRequest = (props: {
 								</div>
 							) : (
 								<div className=" text-gray-500 dark:text-gray-300 w-full">
-									<div className="mt-1">
+									<div className="mt-1 ">
 										<AttributesListData 
 										attributeDataList = {aggregatedData}
 										/>									
@@ -178,7 +178,7 @@ const ProofRequest = (props: {
 							<span className="sr-only">Close modal</span>
 						</button>
 						<div className="sm:p-2 lg:p-6 m-4">
-							<p className="text-xl font-semibold text-gray-700 dark:bg-gray-800 flex flex-start pb-2">
+							<p className="text-xl font-semibold text-gray-700 dark:bg-gray-800 dark:text-white flex flex-start pb-2">
 								Verified Details
 							</p>
 							{!props.userData ? (
diff --git a/src/components/Verification/SchemaCredDefDetails.tsx b/src/components/Verification/SchemaCredDefDetails.tsx
index 15c08b10e..888912fe3 100644
--- a/src/components/Verification/SchemaCredDefDetails.tsx
+++ b/src/components/Verification/SchemaCredDefDetails.tsx
@@ -15,7 +15,8 @@ const SchemaCredDefDetails = ({ schemaCredDefList }: SchemaCredDefProps) => {
                                 Schema Id
                             </div>
                             <div className=" flex items-center p-1 m-1 ">:</div>{' '}
-                            <div className="w-9/12 m-1 flex justify-start truncate text-gray-600  items-center">
+                            <div className="w-9/12 m-1 flex justify-start truncate text-gray-600 dark:text-white items-center cursor-pointer overflow:hidden overflow:ellipsis"
+                                 style={{overflow: 'auto'}}>
                                 {Object.values(item)[2]}
                             </div>
                         </div>
@@ -28,7 +29,7 @@ const SchemaCredDefDetails = ({ schemaCredDefList }: SchemaCredDefProps) => {
                                     {' '}
                                     :
                                 </div>{' '}
-                                <div className="w-9/12 m-1 flex justify-start truncate text-gray-600  items-center">
+                                <div className="w-9/12 m-1 flex justify-start truncate text-gray-600 dark:text-white items-center">
                                     {Object.values(item)[1]
                                         ? Object.values(item)[1].slice(0, 36)
                                         : ''}
diff --git a/src/components/organization/users/EditUserRolesModal.tsx b/src/components/organization/users/EditUserRolesModal.tsx
index e4be018ac..af813a2ff 100644
--- a/src/components/organization/users/EditUserRolesModal.tsx
+++ b/src/components/organization/users/EditUserRolesModal.tsx
@@ -142,7 +142,7 @@ const EditUserRoleModal = (props: { openModal: boolean; user: User; setMessage:
             <Modal.Body>
 
                 <div
-                    className="mb-4 bg-white border border-gray-200 rounded-lg shadow-sm dark:border-gray-700 sm:p-6 dark:bg-gray-800"
+                    className="mb-4 bg-white border border-gray-200 rounded-lg shadow-sm dark:border-gray-700 dark:text-white sm:p-6 dark:bg-gray-800"
                 >
 
                     <div className="space-y-6">
@@ -182,8 +182,9 @@ const EditUserRoleModal = (props: { openModal: boolean; user: User; setMessage:
                                                             disabled={role.disabled}
                                                             checked={role.checked}
                                                             onChange={(event: any) => onRoleChanged(event, role.id)}
+                                                            className={`mr-2 ${role.disabled ? 'text-gray-500' : ''}`}
                                                         />
-                                                        <span className={`ml-3 ${role.disabled ? 'text-gray-500' : ''}`}>{TextTittlecase(role.name)}</span>
+                                                        <span className={`ml-3 ${role.disabled ? 'text-gray-500 ' : ''}`}>{TextTittlecase(role.name)}</span>
                                                     </label>
                                                 </div>
                                             ))