Color subtitle on qrcode auth screens in red only for errors

Author: ovitrif

WordPress/src/main/java/org/wordpress/android/ui/qrcodeauth/compose/components/Subtitle.kt

@@ -2,24 +2,25 @@ package org.wordpress.android.ui.qrcodeauth.compose.components
 
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.layout.wrapContentSize
-import androidx.compose.material.MaterialTheme
 import androidx.compose.material.Text
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.text.style.TextAlign
 import org.wordpress.android.ui.compose.unit.FontSize
 import org.wordpress.android.ui.compose.unit.Margin
 
 @Composable
 fun Subtitle(
     text: String,
+    color: Color,
     modifier: Modifier = Modifier
 ) {
     Text(
             text = text,
             textAlign = TextAlign.Center,
             fontSize = FontSize.Large.value,
-            color = MaterialTheme.colors.error,
+            color = color,
             modifier = modifier
                     .wrapContentSize()
                     .padding(

WordPress/src/main/java/org/wordpress/android/ui/qrcodeauth/compose/state/ContentState.kt

@@ -8,6 +8,7 @@ import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.layout.wrapContentHeight
 import androidx.compose.foundation.layout.wrapContentSize
 import androidx.compose.material.CircularProgressIndicator
+import androidx.compose.material.MaterialTheme
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
@@ -52,7 +53,7 @@ fun ContentState(uiState: QRCodeAuthUiState.Content) = with(uiState) {
             Title(text = uiStringText(it))
         }
         subtitle?.let {
-            Subtitle(text = uiStringText(it))
+            Subtitle(text = uiStringText(it), color = MaterialTheme.colors.onBackground)
         }
         primaryActionButton?.let { actionButton ->
             if (actionButton.isVisible) {

WordPress/src/main/java/org/wordpress/android/ui/qrcodeauth/compose/state/ErrorState.kt

@@ -6,6 +6,7 @@ import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.layout.wrapContentHeight
 import androidx.compose.foundation.layout.wrapContentSize
+import androidx.compose.material.MaterialTheme
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
@@ -43,7 +44,7 @@ fun ErrorState(uiState: QRCodeAuthUiState.Error) = with(uiState) {
                         .wrapContentSize()
         )
         Title(text = uiStringText(title))
-        Subtitle(text = uiStringText(subtitle))
+        Subtitle(text = uiStringText(subtitle), color = MaterialTheme.colors.error)
         primaryActionButton?.let { actionButton ->
             if (actionButton.isVisible) {
                 PrimaryButton(