fix: now "Suggested by AI" label is visible in dark mode in Blaze Edit (#15088)

Author: pmusolino

RELEASE-NOTES.txt

@@ -3,6 +3,7 @@
 
 21.8
 -----
+- [*] Now "Suggested by AI" label is visible in dark mode in Blaze campaign creation flow. [https://github.com/woocommerce/woocommerce-ios/pull/15088]
 - [*] Improved image loading in Blaze Campaign Creation: displays a redacted and shimmering effects when loading product image and falls back to a placeholder if no image is available. [https://github.com/woocommerce/woocommerce-ios/pull/15098]
 
 21.7

WooCommerce/Classes/ViewRelated/Blaze/CampaignCreation/BlazeCampaignCreationForm.swift

@@ -326,17 +326,19 @@ private extension BlazeCampaignCreationForm {
                     radius: Layout.shadowRadius,
                     x: 0,
                     y: Layout.shadowYOffset)
+            .environment(\.colorScheme, .light)
 
             VStack(spacing: Layout.contentPadding) {
                 // Label "Suggested by AI"
                 HStack(spacing: 0) {
                     Image(uiImage: .sparklesImage)
                         .renderingMode(.template)
                         .resizable()
-                        .foregroundColor(Color(uiColor: .textSubtle))
+                        .foregroundColor(Color(.textSubtle))
                         .frame(width: Layout.sparkleIconSize * scale, height: Layout.sparkleIconSize * scale)
 
                     Text(Localization.suggestedByAI)
+                        .foregroundColor(Color(.textSubtle))
                         .subheadlineStyle()
 
                     Spacer()
@@ -358,7 +360,6 @@ private extension BlazeCampaignCreationForm {
                 .shimmering(active: !viewModel.canEditAd)
             }
         }
-        .environment(\.colorScheme, .light)
         .padding(Layout.contentPadding)
         .background(Color(light: .init(uiColor: .systemGray6),
                           dark: .init(uiColor: .tertiarySystemBackground)))
@@ -603,6 +604,12 @@ private extension BlazeCampaignCreationForm {
 
 struct BlazeCampaignCreationForm_Previews: PreviewProvider {
     static var previews: some View {
-        BlazeCampaignCreationForm(viewModel: .init(siteID: 123, productID: 123, onCompletion: {}))
+        Group {
+            BlazeCampaignCreationForm(viewModel: .init(siteID: 123, productID: 123, onCompletion: {}))
+                .preferredColorScheme(.light)
+
+            BlazeCampaignCreationForm(viewModel: .init(siteID: 123, productID: 123, onCompletion: {}))
+                .preferredColorScheme(.dark)
+        }
     }
 }