update banner colour (#2318)

Task/Issue URL: https://app.asana.com/0/414235014887631/1206297687428378/f

Description: Update banner colour

Author: SabrinaTardio

DuckDuckGo/SyncAssets.xcassets/RolloutBannerBackground.colorset/Contents.json

@@ -0,0 +1,38 @@
+{
+  "colors" : [
+    {
+      "color" : {
+        "color-space" : "srgb",
+        "components" : {
+          "alpha" : "0.500",
+          "blue" : "0xFF",
+          "green" : "0xDA",
+          "red" : "0xCC"
+        }
+      },
+      "idiom" : "universal"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "color" : {
+        "color-space" : "srgb",
+        "components" : {
+          "alpha" : "0.500",
+          "blue" : "0x69",
+          "green" : "0x39",
+          "red" : "0x24"
+        }
+      },
+      "idiom" : "universal"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

LocalPackages/SyncUI/Sources/SyncUI/Views/SyncSettingsViewExtension.swift

@@ -313,10 +313,10 @@ extension SyncSettingsView {
                 Image("Info-Color-16")
                 Text(UserText.syncRollOutBannerDescription)
                     .font(.system(size: 12))
-                    .foregroundColor(.black)
+                    .foregroundColor(.primary)
             }
             .padding()
-            .background(RoundedRectangle(cornerRadius: 8).foregroundColor(.blue10))
+            .background(RoundedRectangle(cornerRadius: 8).foregroundColor(Color("RolloutBannerBackground")))
             .padding(.bottom, 10)
         }
     }