[Design System] Update color values to match Figma (#22402)

Author: alpavanoglu

Modules/Sources/DesignSystem/Components/DSButton.swift

@@ -109,7 +109,7 @@ public struct DSButton: View {
                 .fill(style.backgroundColor.opacity(priamryDisabledOpacity))
         case .secondary:
             RoundedRectangle(cornerRadius: Length.Radius.small)
-                .stroke(Color.DS.divider, lineWidth: 1)
+                .stroke(Color.DS.Background.tertiary, lineWidth: 1)
                 .background(Color.clear)
 
         case .tertiary:

Modules/Sources/DesignSystem/Foundation/Color+DesignSystem.swift

@@ -35,8 +35,6 @@ public extension Color {
             private static let wordPress = colorWithModuleBundle(colorName: DesignSystemColorNames.Background.wordPress)
         }
 
-        public static let divider = colorWithModuleBundle(colorName: DesignSystemColorNames.divider)
-
         private static func colorWithModuleBundle(colorName: String) -> Color {
             Color(colorName, bundle: .module)
         }

Modules/Sources/DesignSystem/Foundation/Colors.xcassets/Foundation/Background/backgroundQuaternary.colorset/Contents.json

@@ -23,9 +23,9 @@
         "color-space" : "srgb",
         "components" : {
           "alpha" : "1.000",
-          "blue" : "0x79",
-          "green" : "0x78",
-          "red" : "0x78"
+          "blue" : "0x4F",
+          "green" : "0x4E",
+          "red" : "0x4E"
         }
       },
       "idiom" : "universal"

Modules/Sources/DesignSystem/Foundation/Colors.xcassets/Foundation/Background/backgroundSecondary.colorset/Contents.json

@@ -23,9 +23,9 @@
         "color-space" : "srgb",
         "components" : {
           "alpha" : "1.000",
-          "blue" : "0x2E",
-          "green" : "0x2C",
-          "red" : "0x2C"
+          "blue" : "0x3C",
+          "green" : "0x3A",
+          "red" : "0x3A"
         }
       },
       "idiom" : "universal"

Modules/Sources/DesignSystem/Foundation/Colors.xcassets/Foundation/Background/backgroundTertiary.colorset/Contents.json

@@ -2,10 +2,12 @@
   "colors" : [
     {
       "color" : {
-        "color-space" : "extended-gray",
+        "color-space" : "srgb",
         "components" : {
           "alpha" : "1.000",
-          "white" : "0xC2"
+          "blue" : "198",
+          "green" : "194",
+          "red" : "194"
         }
       },
       "idiom" : "universal"
@@ -21,9 +23,9 @@
         "color-space" : "srgb",
         "components" : {
           "alpha" : "1.000",
-          "blue" : "0x3C",
-          "green" : "0x3A",
-          "red" : "0x3A"
+          "blue" : "0x2E",
+          "green" : "0x2C",
+          "red" : "0x2C"
         }
       },
       "idiom" : "universal"

Modules/Sources/DesignSystem/Foundation/Colors.xcassets/Foundation/Divider/Contents.json

@@ -40,8 +40,6 @@ public extension UIColor {
             private static let wordPress = colorWithModuleBundle(colorName: DesignSystemColorNames.Background.wordPress)
         }
 
-        public static let divider = colorWithModuleBundle(colorName: DesignSystemColorNames.divider)
-
         private static func colorWithModuleBundle(colorName: String) -> UIColor? {
             UIColor(named: colorName, in: .module, compatibleWith: .current)
         }

Modules/Sources/DesignSystem/Foundation/Colors.xcassets/Foundation/Divider/divider.colorset/Contents.json

@@ -8,7 +8,6 @@ struct ColorGallery: View {
             Group {
                 foregroundSection
                 backgroundSection
-                dividerSection
             }
         }
         .navigationTitle("Colors")
@@ -89,16 +88,6 @@ struct ColorGallery: View {
         }
     }
 
-    private var dividerSection: some View {
-        Section(header: sectionTitle("Divider")) {
-            listItem(
-                with: "Divider",
-                hexString: hexString(for: .DS.divider),
-                color: Color.DS.divider
-            )
-        }
-    }
-
     private func hexString(for color: UIColor?) -> String? {
         colorScheme == .light ? color?.lightVariant().hexString() : color?.darkVariant().hexString()
     }

Modules/Sources/DesignSystem/Foundation/UIColor+DesignSystem.swift

@@ -55,7 +55,7 @@ struct CompliancePopover: View {
         }) {
             ZStack {
                 RoundedRectangle(cornerRadius: Length.Padding.single)
-                    .stroke(Color.DS.divider, lineWidth: Length.Border.thin)
+                    .stroke(Color.DS.Background.tertiary, lineWidth: Length.Border.thin)
                 Text(Strings.settingsButtonTitle)
                     .font(.body)
             }