feat(style): add support for tint/accentColor

Author: mgcrea

ios/components/StyleProps.swift

@@ -2,6 +2,10 @@ import SwiftUI
 
 public struct StyleProps: Decodable {
   // ViewStyle
+  public var color: Color? // alias for foregroundColor
+  public var accentColor: Color?
+  public var tintColor: Color?
+  public var foregroundColor: Color?
   public var backgroundColor: Color?
   // - Frame
   public var width: Size?
@@ -30,21 +34,23 @@ public struct StyleProps: Decodable {
   public var borderRadius: CGFloat?
   public var cornerRadius: CGFloat?
   // TextStyle
-  public var color: Color? // alias for foregroundColor
-  public var foregroundColor: Color?
   public var fontWeight: Font.Weight?
   public var fontSize: CGFloat?
   public var font: Font?
   public var fontFamily: String?
 
   enum CodingKeys: String, CodingKey {
-    case color, backgroundColor, foregroundColor, width, minWidth, maxWidth, height, minHeight, maxHeight, position, top, left, bottom, right, padding, paddingHorizontal, paddingVertical, paddingLeft, paddingRight, paddingTop, paddingBottom, borderColor, borderWidth, borderRadius, cornerRadius, fontWeight, fontSize, font, fontFamily
+    case color, accentColor, tintColor, backgroundColor, foregroundColor, width, minWidth, maxWidth, height, minHeight, maxHeight, position, top, left, bottom, right, padding, paddingHorizontal, paddingVertical, paddingLeft, paddingRight, paddingTop, paddingBottom, borderColor, borderWidth, borderRadius, cornerRadius, fontWeight, fontSize, font, fontFamily
   }
 
   public init(from decoder: Decoder) throws {
     let container = try decoder.container(keyedBy: CodingKeys.self)
 
     // ViewStyle
+    color = try container.decodeColorIfPresent(forKey: .color) // alias for foregroundColor
+    accentColor = try container.decodeColorIfPresent(forKey: .accentColor)
+    tintColor = try container.decodeColorIfPresent(forKey: .tintColor)
+    foregroundColor = try container.decodeColorIfPresent(forKey: .foregroundColor)
     backgroundColor = try container.decodeColorIfPresent(forKey: .backgroundColor)
     // - Frame
     width = try container.decodeIfPresent(Size.self, forKey: .width)
@@ -74,8 +80,6 @@ public struct StyleProps: Decodable {
     cornerRadius = try container.decodeIfPresent(CGFloat.self, forKey: .cornerRadius)
 
     // TextStyle
-    color = try container.decodeColorIfPresent(forKey: .color) // alias for foregroundColor
-    foregroundColor = try container.decodeColorIfPresent(forKey: .foregroundColor)
     fontWeight = try container.decodeFontWeightIfPresent(forKey: .fontWeight)
     fontSize = try container.decodeIfPresent(CGFloat.self, forKey: .fontSize)
     font = try container.decodeFontIfPresent(forKey: .font)

ios/extensions/View+Styling.swift

@@ -79,6 +79,9 @@ extension View {
       AnyView(
         applyBoxStyles(style)
           .applyIf(style.backgroundColor != nil) { $0.background(style.backgroundColor!) }
+          .applyIf(style.color != nil || style.foregroundColor != nil) { $0.foregroundStyle(style.color ?? style.foregroundColor!) }
+          .applyIf(style.accentColor != nil) { $0.accentColor(style.accentColor!) }
+          .applyIf(style.tintColor != nil) { $0.tint(style.tintColor!) }
           .applyIf(style.borderWidth != nil) { view in
             view.overlay(
               RoundedRectangle(cornerRadius: style.cornerRadius ?? style.borderRadius ?? 0)
@@ -92,7 +95,7 @@ extension View {
   }
 
   private func applyTextStyles(_ style: StyleProps) -> some View {
-    return applyIf(style.color != nil) { $0.foregroundStyle(style.color!) }
+    return applyIf(style.color != nil) { $0.foregroundStyle(style.color!).tint(style.color!) }
       .applyIf(style.font != nil) { $0.font(style.font!) }
       .applyIf(style.fontFamily != nil) { $0.font(.custom(style.fontFamily!, size: style.fontSize ?? 17)) }
       .applyIf(style.fontFamily == nil && style.fontSize != nil) { $0.font(.system(size: style.fontSize!)) }