Adapt large text colors to different alpha per label

Author: ovitrif

WordPress/src/jetpack/java/org/wordpress/android/ui/accounts/login/components/LoopingText.kt

@@ -1,5 +1,6 @@
 package org.wordpress.android.ui.accounts.login.components
 
+import android.content.res.Configuration
 import androidx.compose.material.Text
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Modifier
@@ -24,16 +25,16 @@ private val fontSize = 40.sp
 private fun LargeTexts() {
     val texts = stringArrayResource(R.array.login_prologue_revamped_jetpack_feature_texts)
 
-    val oddColor = colorResource(R.color.text_color_jetpack_login_feature_odd)
-    val evenColor = colorResource(R.color.text_color_jetpack_login_feature_even)
+    val secondaryColor = colorResource(R.color.text_color_jetpack_login_label_secondary)
+    val primaryColor = colorResource(R.color.text_color_jetpack_login_label_primary)
 
     val styledText = buildAnnotatedString {
         texts.forEachIndexed { index, text ->
             when ((index + 1).isOdd) {
-                true -> withStyle(SpanStyle(color = oddColor)) {
+                true -> withStyle(SpanStyle(color = secondaryColor)) {
                     append(text)
                 }
-                false -> withStyle(SpanStyle(color = evenColor)) {
+                false -> withStyle(SpanStyle(color = primaryColor)) {
                     append(text)
                 }
             }
@@ -63,7 +64,8 @@ fun LoopingText(modifier: Modifier = Modifier) {
     }
 }
 
-@Preview(showBackground = true, device = Devices.PIXEL_4_XL)
+@Preview(showBackground = true, device = Devices.PIXEL_4)
+@Preview(showBackground = true, device = Devices.PIXEL_4, uiMode = Configuration.UI_MODE_NIGHT_YES)
 @Composable
 fun PreviewLoopingText() {
     AppTheme {

WordPress/src/jetpack/res/values-night/colors.xml

@@ -20,6 +20,6 @@
     <color name="bg_jetpack_login_splash_top_gradient_3">#D9001C09</color>
     <color name="bg_jetpack_login_splash_top_gradient_4">#00001C09</color>
 
-    <color name="text_color_jetpack_login_feature_odd">#CC008710</color>
-    <color name="text_color_jetpack_login_feature_even">#CC64CA43</color>
+    <color name="text_color_jetpack_login_label_primary">@color/jetpack_green_20</color>
+    <color name="text_color_jetpack_login_label_secondary">#80008710</color>
 </resources>

WordPress/src/jetpack/res/values/colors.xml

@@ -20,6 +20,6 @@
     <color name="bg_jetpack_login_splash_top_gradient_3">#D9F1F3EC</color>
     <color name="bg_jetpack_login_splash_top_gradient_4">#00F1F3EC</color>
 
-    <color name="text_color_jetpack_login_feature_odd">#CC008710</color>
-    <color name="text_color_jetpack_login_feature_even">#CC2FB41F</color>
+    <color name="text_color_jetpack_login_label_primary">#80008710</color>
+    <color name="text_color_jetpack_login_label_secondary">@color/jetpack_green_50</color>
 </resources>