Replace white color usage with posOnPrimary.

jaclync · jaclync · commit b3603f161f59 · 2025-02-12T16:18:26.000+08:00
diff --git a/WooCommerce/Classes/POS/Presentation/CardReaderConnection/UI States/Reader Messages/PointOfSaleCardPresentPaymentDisplayReaderMessageMessageView.swift b/WooCommerce/Classes/POS/Presentation/CardReaderConnection/UI States/Reader Messages/PointOfSaleCardPresentPaymentDisplayReaderMessageMessageView.swift
@@ -13,13 +13,13 @@ struct PointOfSaleCardPresentPaymentDisplayReaderMessageMessageView: View {
 
             VStack(alignment: .center, spacing: Layout.textSpacing) {
                 Text(viewModel.title)
-                    .foregroundStyle(.white)
+                    .foregroundColor(.posOnPrimary)
                     .font(.posBodyLargeRegular())
                     .matchedGeometryEffect(id: animation.titleTransitionId, in: animation.namespace, properties: .position)
 
                 Text(viewModel.message)
                     .font(.posHeading)
-                    .foregroundStyle(.white)
+                    .foregroundColor(.posOnPrimary)
                     .accessibilityAddTraits(.isHeader)
                     .matchedGeometryEffect(id: animation.messageTransitionId, in: animation.namespace, properties: .position)
             }
@@ -43,4 +43,5 @@ private extension PointOfSaleCardPresentPaymentDisplayReaderMessageMessageView {
             message: "Remove card"),
         animation: .init(namespace: namespace)
     )
+    .background(Color.posPrimary)
 }

Original file line number	Diff line number	Diff line change
`@@ -13,13 +13,13 @@ struct PointOfSaleCardPresentPaymentDisplayReaderMessageMessageView: View {`
`13`	`13`
`14`	`14`	`VStack(alignment: .center, spacing: Layout.textSpacing) {`
`15`	`15`	`Text(viewModel.title)`
`16`		`- .foregroundStyle(.white)`
	`16`	`+ .foregroundColor(.posOnPrimary)`
`17`	`17`	`.font(.posBodyLargeRegular())`
`18`	`18`	`.matchedGeometryEffect(id: animation.titleTransitionId, in: animation.namespace, properties: .position)`
`19`	`19`
`20`	`20`	`Text(viewModel.message)`
`21`	`21`	`.font(.posHeading)`
`22`		`- .foregroundStyle(.white)`
	`22`	`+ .foregroundColor(.posOnPrimary)`
`23`	`23`	`.accessibilityAddTraits(.isHeader)`
`24`	`24`	`.matchedGeometryEffect(id: animation.messageTransitionId, in: animation.namespace, properties: .position)`
`25`	`25`	`}`
`@@ -43,4 +43,5 @@ private extension PointOfSaleCardPresentPaymentDisplayReaderMessageMessageView {`
`43`	`43`	`message: "Remove card"),`
`44`	`44`	`animation: .init(namespace: namespace)`
`45`	`45`	`)`
	`46`	`+ .background(Color.posPrimary)`
`46`	`47`	`}`