如何实现黑色标题和黑色图标的白色工具栏

Question

我正在尝试将此工具栏显示为如下图所示[注意：左侧的图像视图将显示抽屉图标]

但是我得到的结果如下图所示

我不知道为什么它在工具栏顶部添加黑色层

这是我的工具栏代码

 <android.support.design.widget.AppBarLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:theme="@style/AppTheme.NoActionBar.AppBarOverlay">

<android.support.v7.widget.Toolbar
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    android:background="?attr/colorPrimary"
    app:popupTheme="@style/AppTheme.NoActionBar.PopupOverlay"
    app:theme="@style/ToolBarStyle"/>
</android.support.design.widget.AppBarLayout>

这是ToobarStyle代码

 <style name="ToolBarStyle" parent="Theme.AppCompat">
    <item name="android:textColorPrimary">@android:color/black</item>
    <item name="android:textColorSecondary">@android:color/black</item>
    <item name="actionOverflowButtonStyle">@style/ActionButtonOverflowStyle</item>
    <item name="drawerArrowStyle">@style/DrawerArrowStyle</item>
</style>

<style name="ActionButtonOverflowStyle">
</style>

<style name="DrawerArrowStyle"></style>

这是我使用的颜色

 <color name="colorPrimary">#ffffff</color>
<color name="colorPrimaryDark">#b2b2b2</color>

我可以做什么来实现第一张图片中显示的工具栏