Navigationview and framelayout problem

[nkkin]

i'm trying to set a layout for tablet for an app that has a drawerview and framelayout
but i'm getting some issues
toolbar is overlaped by statubar and the statutbar color on navigationview is different from the one in framelayout

this my layout code for tablets

<?xml version="1.0" encoding="utf-8"?>
<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="horizontal">
    <android.support.design.widget.NavigationView
        android:id="@+id/nav_view"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        app:headerLayout="@layout/nav_header"
        app:menu="@menu/nav_menu" />
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <android.support.design.widget.AppBarLayout
            android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
            android:layout_height="wrap_content"
            android:layout_width="match_parent"
            android:id="@+id/toolbar_layout"
            app:elevation="0dp">
            <include
                android:id="@+id/toolbar"
                layout="@layout/ToolBar"
                app:layout_scrollFlags="scroll|snap" />
        </android.support.design.widget.AppBarLayout>
        <FrameLayout
            android:id="@+id/ContentFrame"
            android:layout_below="@id/toolbar_layout"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />
    </RelativeLayout>
</LinearLayout>

the output in the attached image