Update CUSTOMIZATION.md

CUSTOMIZATION.md

@@ -25,30 +25,36 @@ The object allows you to customize following fields:
 
 ## UI customization
 
-```Swift
-let appearance = Appearance()
-appearance.primaryColor = <DESIRED_UI_COLOR_HERE>
-appearance.errorColor = <DESIRED_UI_COLOR_HERE>
-appearance.primaryButtonColor = <DESIRED_UI_COLOR_HERE>
-appearance.primaryButtonColorDisabled = <DESIRED_UI_COLOR_HERE>
-appearance.primaryButtonTextColor = <DESIRED_UI_COLOR_HERE>
-appearance.primaryButtonTextColorDisabled = <DESIRED_UI_COLOR_HERE>
-appearance.buttonCornerRadius = <DESIRED_CGFLOAT_BORDER_RADIUS_HERE>
+Here’s the converted version of your `MyIdAppearance` class, following the same structure and style:
+
+```swift
+let appearance = MyIdAppearance()
+appearance.colorPrimary = <DESIRED_UI_COLOR_HERE>
+appearance.colorOnPrimary = <DESIRED_UI_COLOR_HERE>
+appearance.colorError = <DESIRED_UI_COLOR_HERE>
+appearance.colorOnError = <DESIRED_UI_COLOR_HERE>
+appearance.colorOutline = <DESIRED_UI_COLOR_HERE>
+appearance.colorDivider = <DESIRED_UI_COLOR_HERE>
+appearance.colorSuccess = <DESIRED_UI_COLOR_HERE>
+appearance.colorButtonContainer = <DESIRED_UI_COLOR_HERE>
+appearance.colorButtonContainerDisabled = <DESIRED_UI_COLOR_HERE>
+appearance.colorButtonContent = <DESIRED_UI_COLOR_HERE>
+appearance.colorButtonContentDisabled = <DESIRED_UI_COLOR_HERE>
+appearance.buttonCornerRadius = <DESIRED_FLOAT_RADIUS_HERE>
 ```
 
-* `primaryColor`: Defines the color of SDK which guides the user through the flow
-
-* `errorColor`: Defines the color of the error buttons, icons and states
-
-* `primaryButtonColor`: Defines the background color of the primary action buttons
-
-* `primaryButtonColorDisabled`: Defines the background color of the primary disabled buttons
-
-* `primaryButtonTextColor`: Defines the color of the text inside the primary action buttons
-
-* `primaryButtonTextColorDisabled`: Defines the color of the text inside the primary disabled buttons
-
-* `buttonCornerRadius`: Defines the radius dimension of all the corners of primary buttons
+- `colorPrimary`: Defines the color of SDK which guides the user through the flow  
+- `colorOnPrimary`: Defines the color of text and icons shown on top of the primary color  
+- `colorError`: Defines the color of error buttons, icons, and states  
+- `colorOnError`: Defines the color of text and icons shown on top of error backgrounds  
+- `colorOutline`: Defines the color of borders and outlines for inputs and cards  
+- `colorDivider`: Defines the color of thin lines separating UI sections  
+- `colorSuccess`: Defines the color used to show successful actions or states  
+- `colorButtonContainer`: Defines the background color of the primary action buttons  
+- `colorButtonContainerDisabled`: Defines the background color of disabled buttons  
+- `colorButtonContent`: Defines the color of text/icons in primary action buttons  
+- `colorButtonContentDisabled`: Defines the color of text/icons in disabled buttons  
+- `buttonCornerRadius`: Defines the corner radius of all primary buttons
 
 #