[ios] InstructionView secondary row uses theme bg color

apple/Sources/FerrostarSwiftUI/Views/InstructionsView.swift

@@ -71,7 +71,7 @@ public struct InstructionsView: View {
                     // TODO: Show the pill when interactivity is enabled
                     pillControl(isActive: showPillControl)
                 }
-                .background(.gray.opacity(0.2))
+                .background(secondaryRowTheme.backgroundColor)
             } else {
                 // TODO: Show the pill when interactivity is enabled
                 pillControl(isActive: showPillControl)
@@ -144,6 +144,25 @@ public struct InstructionsView: View {
             showPillControl: true
         )
 
+        InstructionsView(
+            visualInstruction: VisualInstruction(
+                primaryContent: VisualInstructionContent(
+                    text: "Turn right on Something Dr.",
+                    maneuverType: .turn,
+                    maneuverModifier: .right,
+                    roundaboutExitDegrees: nil
+                ),
+                secondaryContent: VisualInstructionContent(
+                    text: "Merge onto Hwy 123",
+                    maneuverType: .merge,
+                    maneuverModifier: .right,
+                    roundaboutExitDegrees: nil
+                ),
+                triggerDistanceBeforeManeuver: 123
+            ),
+            showPillControl: true
+        )
+
         Spacer()
     }
     .padding()

apple/Tests/FerrostarSwiftUITests/Views/InstructionsViewTests.swift

@@ -21,9 +21,31 @@ final class InstructionsViewTests: XCTestCase {
                     ),
                     triggerDistanceBeforeManeuver: 123
                 ),
-                distanceFormatter: americanDistanceFormatter,
-                primaryRowTheme: TestingInstructionRowTheme(),
-                secondaryRowTheme: TestingInstructionRowTheme()
+                distanceFormatter: americanDistanceFormatter
+            )
+            .padding()
+        }
+    }
+
+    func testInstructionsView_darkMode() {
+        assertView(colorScheme: .dark) {
+            InstructionsView(
+                visualInstruction: VisualInstruction(
+                    primaryContent: VisualInstructionContent(
+                        text: "Turn right on Something Dr.",
+                        maneuverType: .turn,
+                        maneuverModifier: .right,
+                        roundaboutExitDegrees: nil
+                    ),
+                    secondaryContent: VisualInstructionContent(
+                        text: "Merge onto Hwy 123",
+                        maneuverType: .merge,
+                        maneuverModifier: .right,
+                        roundaboutExitDegrees: nil
+                    ),
+                    triggerDistanceBeforeManeuver: 123
+                ),
+                distanceFormatter: americanDistanceFormatter
             )
             .padding()
         }
@@ -42,9 +64,7 @@ final class InstructionsViewTests: XCTestCase {
                     secondaryContent: nil,
                     triggerDistanceBeforeManeuver: 123
                 ),
-                distanceFormatter: americanDistanceFormatter,
-                primaryRowTheme: TestingInstructionRowTheme(),
-                secondaryRowTheme: TestingInstructionRowTheme()
+                distanceFormatter: americanDistanceFormatter
             )
             .padding()
         }
@@ -64,8 +84,6 @@ final class InstructionsViewTests: XCTestCase {
                     triggerDistanceBeforeManeuver: 123
                 ),
                 distanceFormatter: americanDistanceFormatter,
-                primaryRowTheme: TestingInstructionRowTheme(),
-                secondaryRowTheme: TestingInstructionRowTheme(),
                 showPillControl: true
             )
             .padding()
@@ -86,9 +104,7 @@ final class InstructionsViewTests: XCTestCase {
                     triggerDistanceBeforeManeuver: 123
                 ),
                 distanceFormatter: germanDistanceFormatter,
-                distanceToNextManeuver: 152.4,
-                primaryRowTheme: TestingInstructionRowTheme(),
-                secondaryRowTheme: TestingInstructionRowTheme()
+                distanceToNextManeuver: 152.4
             )
             .padding()
         }