[CollapsingToolbarLayout] DarkTheme wrong toolbar background color

Description: I have CollapsingToolbarLayout with a toolbar that is always pinned to top and a collapsible view. The toolbar’s background color based on the toolbar elevation in dark mode is not applied, before collapsing and after collapsing.

Before collapsing:

After collapsing:

Expected behavior: Toolbar’s background to be lighter than the background based on it’s elevation

Source code:

<com.google.android.material.appbar.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        >

        <com.google.android.material.appbar.CollapsingToolbarLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            app:titleEnabled="false"
            app:contentScrim="?attr/colorSurface"
            app:layout_scrollFlags="scroll|exitUntilCollapsed|snap">

            <View
                android:layout_width="match_parent"
                android:layout_marginTop="?attr/actionBarSize"
                android:layout_height="?attr/actionBarSize"
                android:background="@android:color/holo_orange_dark" />

            <androidx.appcompat.widget.Toolbar
                android:id="@+id/toolbar"
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                app:layout_collapseMode="pin"/>

        </com.google.android.material.appbar.CollapsingToolbarLayout>

    </com.google.android.material.appbar.AppBarLayout>

Android API version: 28

Material Library version: 1.1.0-alpha010

Device: Android Emulator

[cketcham]

It looks like we should check to see if we can apply the elevation overlay color to the content scrim.

[burhankhanzada]

Maybe it’s late but I solve my problem with first check is dark mode active by using this method

    fun isDarkTheme(context: Context): Boolean {
        return context.resources.configuration.uiMode and
                Configuration.UI_MODE_NIGHT_MASK == Configuration.UI_MODE_NIGHT_YES
    }

then setting the collapsingToolbarLayout.setContentScrimColor to elevation overlayed color like this

val collapsingToolbarLayout = findViewById<CollapsingToolbarLayout(R.id.collapsingToolbarLayout)

if (ThemeUtil.isDarkTheme(this@DetailActivity)) {
                        collapsingToolbarLayout!!.setContentScrimColor(
                            ElevationOverlayProvider(this@DetailActivity)
                                .compositeOverlayWithThemeSurfaceColorIfNeeded(4f)
                        )
                    }