Android ActionBar with Sliding Tabs - how to remove the shadow effects -

i have created screen has actionbar , 3 sliding tabs. want have actionbar , sliding tabs have same color , not have demarcation between them. tabs seems have shadow effect. remove it.
using appcompat.light.darkactionbar theme

image

my xml screen is

<linearlayout xmlns:android="http://schemas.android.com/apk/res/android"     xmlns:app="http://schemas.android.com/apk/res-auto"     android:layout_width="match_parent"     android:layout_height="match_parent"     android:orientation="vertical">      <android.support.design.widget.tablayout         android:id="@+id/sliding_tabs"         android:layout_width="match_parent"         android:layout_height="wrap_content"         android:background="#77cb59"         app:tabmode="scrollable" />      <android.support.v4.view.viewpager         android:id="@+id/viewpager"         android:layout_width="match_parent"         android:layout_height="0px"         android:layout_weight="1"         android:background="@android:color/white" />  </linearlayout> 

and java class screen

public class homescreen extends appcompatactivity {      @override     protected void oncreate(bundle savedinstancestate) {         super.oncreate(savedinstancestate);         setcontentview(r.layout.activity_home_screen);          actionbar actionbar = getsupportactionbar();         actionbar.setbackgrounddrawable(new colordrawable(color.parsecolor("#77cb59")));          // viewpager , set it's pageradapter          viewpager viewpager = (viewpager) findviewbyid(r.id.viewpager);         viewpager.setadapter(new myfragmentpageradapter(getsupportfragmentmanager(),                 homescreen.this));          // give tablayout viewpager         tablayout tablayout = (tablayout) findviewbyid(r.id.sliding_tabs);         tablayout.setupwithviewpager(viewpager);     }      @override     public boolean oncreateoptionsmenu(menu menu) {         // inflate menu; adds items action bar if present.         getmenuinflater().inflate(r.menu.menu_start_screen, menu);         return true;     } } 

1, customize app theme:

<style name="apptheme" parent="theme.appcompat.light.noactionbar">     <!-- customize theme here. -->     <item name="colorprimary">@color/app_color_primary</item>     <item name="colorprimarydark">@color/app_color_primary_dark</item>     <item name="coloraccent">@color/app_color_accent</item>     <item name="windowactionbar">false</item>     <item name="windownotitle">true</item> </style> 

2, customize toolbar:

<?xml version="1.0" encoding="utf-8"?> <android.support.v7.widget.toolbar xmlns:android="http://schemas.android.com/apk/res/android"     android:id="@+id/toolbar"     android:layout_width="match_parent"     android:layout_height="?attr/actionbarsize"     android:background="?attr/colorprimary"     android:gravity="center"      android:minheight="?attr/actionbarsize"     android:theme="@style/toolbarstyle"     android:title="@string/app_name">  </android.support.v7.widget.toolbar> 

3, replace actionbar toolbar:

toolbar = (toolbar) findviewbyid(r.id.toolbar); setsupportactionbar(toolbar); //if want set new actionbar getsupportactionbar().setdisplayshowhomeenabled(true); getsupportactionbar().setdisplayhomeasupenabled(true); getsupportactionbar().setdisplayshowtitleenabled(true); getsupportactionbar().setdisplayuselogoenabled(true); getsupportactionbar().setdefaultdisplayhomeasupenabled(true); toolbar.setnavigationicon(r.drawable.arrow_left); toolbar.setlogo(r.mipmap.ic_launcher);