title: BottomSheetDialogFragment change the defined background color
body: <p>I set BottomSheetDialogfragment background color to primary color #344955 same as my bottomAppBar like this </p>
  
  <p><strong>My BottomAppBar</strong></p>
  
  <p><img src="https://i.stack.imgur.com/DhJmA.png" alt="My BottomAppBar"></p>
  
  <p>but bottomsheetfragment change that color to something another color value like this bottomsheetfargment </p>
  
  <p><strong>My BottomSheet</strong></p>
  
  <p><img src="https://i.stack.imgur.com/c0fC3.png" alt="My BottomSheet"></p>
  
  <p>I looked at <a href="https://stackoverflow.com/questions/51610722/remove-white-background-in-bottom-sheet-dialog-fragment">this post</a> but didn't find my problem solution.
  my BottomSheetDialogFragment xml is</p>
  
  <pre><code>&lt;LinearLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:app="http://schemas.android.com/apk/res-auto"
  xmlns:tools="http://schemas.android.com/tools"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:orientation="vertical"
  app:behavior_hideable="true"
  android:background="@color/colorPrimary"
  app:layout_behavior="@string/bottom_sheet_behavior"
  tools:context=".ui.fragments.BottomSheetFragment"&gt;
  &lt;androidx.appcompat.widget.AppCompatImageView
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_gravity="end"
      android:padding="16dp"
      android:src="@drawable/ic_close_24dp"/&gt;
  &lt;com.google.android.material.navigation.NavigationView
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      app:menu="@menu/bottom_nav_drawer_menu"&gt;
  
  &lt;/com.google.android.material.navigation.NavigationView&gt;
  </code></pre>
  
  <p></p>
  
  <p>And my fragment code is </p>
  
  <pre><code>class BottomSheetFragment : BottomSheetDialogFragment() {
  
      companion object {
          fun newInstance() = BottomSheetFragment()
      }
  
      private lateinit var viewModel: BottomSheetViewModel
  
      override fun onCreateView(inflater: LayoutInflater, container: ViewGroup?,
                                savedInstanceState: Bundle?): View? {
          return inflater.inflate(R.layout.bottom_sheet_fragment, container, false)
      }
  
      override fun onActivityCreated(savedInstanceState: Bundle?) {
          super.onActivityCreated(savedInstanceState)
          viewModel = ViewModelProviders.of(this).get(BottomSheetViewModel::class.java)
          // TODO: Use the ViewModel
      }
  
  }
  </code></pre>
  
  <p>my style xml is </p>
  
  <pre><code>&lt;resources&gt;
  
      &lt;!-- Base application theme. --&gt;
      &lt;style name="AppTheme" parent="Theme.AppCompat.DayNight.NoActionBar"&gt;
          &lt;!-- Customize your theme here. --&gt;
          &lt;item name="colorPrimary"&gt;@color/colorPrimary&lt;/item&gt;
          &lt;item name="colorPrimaryDark"&gt;@color/colorPrimaryDark&lt;/item&gt;
          &lt;item name="colorAccent"&gt;@color/colorAccent&lt;/item&gt;
          &lt;item name="android:textColorSecondary"&gt;#FFFFFF&lt;/item&gt;
          &lt;item name="bottomSheetDialogTheme"&gt;@style/bs&lt;/item&gt;
      &lt;/style&gt;
  
      &lt;style name="bs" parent="Theme.MaterialComponents.BottomSheetDialog"&gt;
      &lt;/style&gt;
  
  &lt;/resources&gt;
  </code></pre>