[PreferenceFragmentCompat] Dialogs are not shown in Material Design M3 style

Description: Dialogs in [PreferenceFragmentCompat] are not shown in Material Design M3 style. Instead, for example, wrong colors and dialog outlines are used as shown below. The issue is especially visible when using the DynamicColors feature.

Expected behavior: I expected that [PreferenceFragmentCompat] shows dialogs in Material Design M3 style, i.e. about as shown below (I’ve tried to rebuild the expected M3 design by using a ThemeOverlay, but didn’t manage e.g. to get the correct backgrounc color).

Source code: Here are some code snippets…

PreferenceFragmentCompat

public class SettingsFragment extends PreferenceFragmentCompat implements SharedPreferences.OnSharedPreferenceChangeListener {

    private Context mContext;

    @Override
    public void onCreatePreferences(Bundle savedInstanceState, String rootKey) {
        // Load the preferences from an XML resource
        setPreferencesFromResource(R.xml.settings, rootKey);
    }

themes.xml

<resources xmlns:tools="http://schemas.android.com/tools">

    <!-- Base application theme -->
    <style name="AppTheme" parent="AppTheme.Base" />
    <style name="AppTheme.Base" parent="Theme.Material3.Light">

Android API version: 32 & 33 (Tiramisu)

Material Library version: com.google.android.material:material:1.7.0-alpha02

Device: Pixel 5 Emulator

[drchen]

Oh gotcha. So with MaterialAlertDialogBuilder the surface color is calculated on-the-fly (for now) - a small percentage of ?attr/colorPrimary is overlaid upon the pure ?attr/colorSurface. We have no control over the framework alert dialog, so the color you see will be pure ?attr/colorSurface.

To achieve the same color, the easiest way might be setting the color programmatically after the dialog is created - by using SurfaceColors.SURFACE_3.getColor().

Another approach is overriding ?android:attr/windowBackground and manually overlaying the color with layer-list. Here’s an example to refer to: https://github.com/material-components/material-components-android/blob/master/lib/java/com/google/android/material/menu/res/drawable-v23/m3_popupmenu_background_overlay.xml

[ytheekshana]

Could any one give me a full code on this. I also have a list-preference which I need to support m3