fix(tabs ios): selector and ripple color css

Author: Logikgate

src/tabs/tabs.ios.ts

@@ -492,6 +492,7 @@ export class Tabs extends TabsBase {
 
     public _needsCacheUpdate = false;
     public _animateNextChange = true;
+    private _selectionIndicatorColor: Color;
 
     constructor() {
         super();
@@ -1084,13 +1085,13 @@ export class Tabs extends TabsBase {
         this._ios.tabBar.setImageTintColorForState(nativeColor, UIControlState.Selected);
     }
 
-    public getTabBarHighlightColor(): UIColor {
-        return this._ios.tabBar.tintColor;
+    public getTabBarHighlightColor(): Color {
+        return this._selectionIndicatorColor;
     }
 
-    public setTabBarHighlightColor(value: UIColor | Color) {
-        const nativeColor = value instanceof Color ? value.ios : value;
-        this._ios.tabBar.tintColor = nativeColor;
+    public setTabBarHighlightColor(value: Color) {
+        this._selectionIndicatorColor = value;
+        this._ios.tabBar.selectionIndicatorStrokeColor = value.ios;
     }
 
     public getTabBarSelectedItemColor(): Color {
@@ -1122,8 +1123,8 @@ export class Tabs extends TabsBase {
         });
     }
 
-    [rippleColorProperty.setNative](value: UIColor | Color) {
-        this.setTabBarHighlightColor(value);
+    [rippleColorProperty.setNative](value: Color) {
+        this._ios.tabBar.rippleColor = value.ios;
     }
 
     [selectedIndexProperty.setNative](value: number) {