Pretty UI

app/src/main/res/drawable/call_background_stroke.xml

@@ -5,5 +5,5 @@
         android:width="3dp"
         android:color="@color/green_active" />
     <solid android:color="@android:color/transparent"/>
-    <corners android:radius="8dp" />
+    <corners android:radius="50dp" />
 </shape>

app/src/main/res/drawable/photos_background_stroke.xml

@@ -5,5 +5,5 @@
         android:width="3dp"
         android:color="@color/purple_active" />
     <solid android:color="@android:color/transparent"/>
-    <corners android:radius="8dp" />
+    <corners android:radius="50dp" />
 </shape>

app/src/main/res/drawable/rounded_rect_white.xml

@@ -2,5 +2,5 @@
 <shape android:shape="rectangle"
     xmlns:android="http://schemas.android.com/apk/res/android" >
     <solid android:color="@color/white"/>
-    <corners android:radius="16dp"/>
+    <corners android:radius="50dp"/>
 </shape>

app/src/main/res/drawable/shop_background_stroke.xml

@@ -5,5 +5,5 @@
         android:width="3dp"
         android:color="@color/blue_active" />
     <solid android:color="@android:color/transparent"/>
-    <corners android:radius="8dp" />
+    <corners android:radius="50dp" />
 </shape>

bubblenavigation/src/main/java/com/gauravk/bubblenavigation/BubbleToggleItem.java

@@ -23,6 +23,7 @@ class BubbleToggleItem {
     private String title = "";
 
     private int colorActive = Color.BLUE;
+    private int titleColorActive = colorActive;
     private int colorInactive = Color.BLACK;
     private int shapeColor = Integer.MIN_VALUE;
 
@@ -72,6 +73,14 @@ void setTitle(String title) {
         this.title = title;
     }
 
+    int getTitleColorActive() {
+        return titleColorActive;
+    }
+
+    void setTitleColorActive(int titleColorActive) {
+        this.titleColorActive = titleColorActive;
+    }
+
     int getColorActive() {
         return colorActive;
     }

bubblenavigation/src/main/java/com/gauravk/bubblenavigation/BubbleToggleView.java

@@ -23,7 +23,6 @@
 import android.os.Build;
 import android.support.annotation.Nullable;
 import android.support.annotation.RequiresApi;
-import android.support.graphics.drawable.VectorDrawableCompat;
 import android.support.v4.content.ContextCompat;
 import android.support.v4.view.ViewCompat;
 import android.support.v7.content.res.AppCompatResources;
@@ -34,6 +33,7 @@
 import android.widget.ImageView;
 import android.widget.RelativeLayout;
 import android.widget.TextView;
+
 import com.gauravk.bubblenavigation.util.ViewUtils;
 
 /**
@@ -101,6 +101,7 @@ private void init(Context context, @Nullable AttributeSet attrs) {
         Drawable shape = null;
         int shapeColor = Integer.MIN_VALUE;
         int colorActive = ViewUtils.getThemeAccentColor(context);
+        int titleColorActive = colorActive;
         int colorInactive = ContextCompat.getColor(context, R.color.default_inactive_color);
         float titleSize = context.getResources().getDimension(R.dimen.default_nav_item_text_size);
         maxTitleWidth = context.getResources().getDimension(R.dimen.default_nav_item_title_max_width);
@@ -129,6 +130,7 @@ private void init(Context context, @Nullable AttributeSet attrs) {
                 title = ta.getString(R.styleable.BubbleToggleView_bt_title);
                 titleSize = ta.getDimension(R.styleable.BubbleToggleView_bt_titleSize, titleSize);
                 colorActive = ta.getColor(R.styleable.BubbleToggleView_bt_colorActive, colorActive);
+                titleColorActive = ta.getColor(R.styleable.BubbleToggleView_bt_titleColorActive, colorActive);
                 colorInactive = ta.getColor(R.styleable.BubbleToggleView_bt_colorInactive, colorInactive);
                 isActive = ta.getBoolean(R.styleable.BubbleToggleView_bt_active, false);
                 animationDuration = ta.getInteger(R.styleable.BubbleToggleView_bt_duration, DEFAULT_ANIM_DURATION);
@@ -160,6 +162,7 @@ private void init(Context context, @Nullable AttributeSet attrs) {
         bubbleToggleItem.setTitlePadding(titlePadding);
         bubbleToggleItem.setShapeColor(shapeColor);
         bubbleToggleItem.setColorActive(colorActive);
+        bubbleToggleItem.setTitleColorActive(titleColorActive);
         bubbleToggleItem.setColorInactive(colorInactive);
         bubbleToggleItem.setIconWidth(iconWidth);
         bubbleToggleItem.setIconHeight(iconHeight);
@@ -219,7 +222,7 @@ private void createBubbleItemView(Context context) {
             lpTitle.addRule(RelativeLayout.RIGHT_OF, iconView.getId());
         titleView.setLayoutParams(lpTitle);
         titleView.setSingleLine(true);
-        titleView.setTextColor(bubbleToggleItem.getColorActive());
+        titleView.setTextColor(bubbleToggleItem.getTitleColorActive());
         titleView.setText(bubbleToggleItem.getTitle());
         titleView.setTextSize(TypedValue.COMPLEX_UNIT_PX, bubbleToggleItem.getTitleSize());
         //get the current measured title width

bubblenavigation/src/main/res/values/attrs.xml

@@ -10,6 +10,7 @@
         <attr name="bt_title" format="string" />
         <attr name="bt_titleSize" format="dimension" />
         <attr name="bt_colorActive" format="color" />
+        <attr name="bt_titleColorActive" format="color" />
         <attr name="bt_colorInactive" format="color" />
         <attr name="bt_active" format="boolean" />
         <attr name="bt_duration" format="integer" />