Use MaterialTheme colors in loan repayment schedule UI

Author: TapanYadav000

feature/loan/src/commonMain/kotlin/com/mifos/feature/loan/loanRepaymentSchedule/LoanRepaymentScheduleScreen.kt

@@ -197,23 +197,23 @@ private fun LoanRepaymentRowItem(
                 modifier = Modifier.weight(3f),
                 text = date ?: "",
                 style = MaterialTheme.typography.bodyLarge,
-                color = Color.Black,
+                color = MaterialTheme.colorScheme.onBackground,
                 textAlign = TextAlign.End,
             )
 
             Text(
                 modifier = Modifier.weight(3f),
                 text = amountDue,
                 style = MaterialTheme.typography.bodyLarge,
-                color = Color.Black,
+                color = MaterialTheme.colorScheme.onBackground,
                 textAlign = TextAlign.End,
             )
 
             Text(
                 modifier = Modifier.weight(3f),
                 text = amountPaid,
                 style = MaterialTheme.typography.bodyLarge,
-                color = Color.Black,
+                color = MaterialTheme.colorScheme.onBackground,
                 textAlign = TextAlign.End,
             )
         }
@@ -226,7 +226,7 @@ private fun LoanRepaymentRowItem(
 private fun HeaderLoanRepaymentSchedule() {
     Box(
         modifier = Modifier
-            .background(Color.Red.copy(alpha = .5f))
+            .background(MaterialTheme.colorScheme.surfaceVariant)
             .fillMaxWidth(),
     ) {
         Row(
@@ -239,31 +239,31 @@ private fun HeaderLoanRepaymentSchedule() {
                 modifier = Modifier.weight(2f),
                 text = stringResource(Res.string.feature_loan_status),
                 style = MaterialTheme.typography.bodyLarge,
-                color = Color.Black,
+                color = MaterialTheme.colorScheme.onSurfaceVariant,
                 textAlign = TextAlign.Start,
             )
 
             Text(
                 modifier = Modifier.weight(2f),
                 text = stringResource(Res.string.feature_loan_date),
                 style = MaterialTheme.typography.bodyLarge,
-                color = Color.Black,
+                color = MaterialTheme.colorScheme.onSurfaceVariant,
                 textAlign = TextAlign.Center,
             )
 
             Text(
                 modifier = Modifier.weight(3f),
                 text = stringResource(Res.string.feature_loan_loan_amount_due),
                 style = MaterialTheme.typography.bodyLarge,
-                color = Color.Black,
+                color = MaterialTheme.colorScheme.onSurfaceVariant,
                 textAlign = TextAlign.Center,
             )
 
             Text(
                 modifier = Modifier.weight(3f),
                 text = stringResource(Res.string.feature_loan_amount_paid),
                 style = MaterialTheme.typography.bodyLarge,
-                color = Color.Black,
+                color = MaterialTheme.colorScheme.onSurfaceVariant,
                 textAlign = TextAlign.End,
             )
         }