Fixed colors in template 2

Author: NachoSoto

RevenueCatUI/Data/TestData.swift

@@ -167,17 +167,19 @@ internal enum TestData {
                 colors: .init(
                     light: .init(
                         background: "#FFFFFF",
-                        text1: "#000000",
+                        text1: "#111111",
                         callToActionBackground: "#EC807C",
                         callToActionForeground: "#FFFFFF",
-                        accent1: "#BC66FF"
+                        accent1: "#BC66FF",
+                        accent2: "#111100"
                     ),
                     dark: .init(
                         background: "#000000",
-                        text1: "#FFFFFF",
+                        text1: "#EEEEEE",
                         callToActionBackground: "#ACD27A",
                         callToActionForeground: "#000000",
-                        accent1: "#B022BB"
+                        accent1: "#B022BB",
+                        accent2: "#EEDDEE"
                     )
                 ),
                 blurredBackgroundImage: true,

RevenueCatUI/Templates/MultiPackageBoldTemplate.swift

@@ -83,11 +83,13 @@ private struct MultiPackageTemplateContent: View {
             Spacer()
 
             Text(self.selectedLocalization.title)
+                .foregroundColor(self.configuration.colors.text1Color)
                 .font(.largeTitle.bold())
 
             Spacer()
 
             Text(self.selectedLocalization.subtitle ?? "")
+                .foregroundColor(self.configuration.colors.text1Color)
                 .font(.title3)
 
             Spacer()
@@ -128,7 +130,7 @@ private struct MultiPackageTemplateContent: View {
                             EmptyView()
                         } else {
                             Circle()
-                                .foregroundColor(Self.selectedBackgroundColor.opacity(0.5))
+                                .foregroundColor(self.selectedBackgroundColor.opacity(0.5))
                         }
                     }
 
@@ -165,7 +167,7 @@ private struct MultiPackageTemplateContent: View {
             RoundedRectangle(cornerRadius: Self.cornerRadius, style: .continuous)
                 .foregroundColor(
                     selected
-                    ? Self.selectedBackgroundColor
+                    ? self.selectedBackgroundColor
                     : .clear
                 )
         }
@@ -213,18 +215,11 @@ private struct MultiPackageTemplateContent: View {
         .padding(.top)
     }
 
+    private var selectedBackgroundColor: Color { self.configuration.colors.accent2Color }
+
     private static let iconSize: CGFloat = 100
     private static let cornerRadius: CGFloat = 15
 
-    #if !os(macOS) && !os(watchOS)
-    private static let selectedBackgroundColor: Color = .init(
-        light: .init(white: 0.3),
-        dark: .init(white: 0.6)
-    )
-    #else
-    private static let selectedBackgroundColor: Color = .init(white: 0.3)
-    #endif
-
 }
 
 // MARK: - Extensions

Tests/RevenueCatUITests/Templates/__Snapshots__/MultiPackageBoldPaywallViewTests/iOS16-testDarkMode.1.png

@@ -101,14 +101,16 @@ private extension SamplePaywallLoader {
                         text1: "#000000",
                         callToActionBackground: "#EC807C",
                         callToActionForeground: "#FFFFFF",
-                        accent1: "#BC66FF"
+                        accent1: "#BC66FF",
+                        accent2: "#222222"
                     ),
                     dark: .init(
                         background: "#000000",
                         text1: "#FFFFFF",
                         callToActionBackground: "#ACD27A",
                         callToActionForeground: "#000000",
-                        accent1: "#B022BB"
+                        accent1: "#B022BB",
+                        accent2: "#CCCCCC"
                     )
                 ),
                 blurredBackgroundImage: true,