Google material dialog sketchware project

Make Google material dialog in sketchware project

Fast open sketchware pro app If you haven't downloaded it yet, click on the link to download the app

sketchware latest version GitHub

https://github.com/Sketchware-Pro/Sketchware-Pro/releases/tag/v6.4.0-rc05

When the new project is created you design it as you want to design I have taken a linear layout and two buttons after clicking the two buttons two types of dialogs will show

After designing click on the menu on the top right and turn on AppCompat And 

Design

Then click on Resource Manager then click on Values ​​then create two files using the names given below create two files using other names will give error in the project

1 colors.xml

2 themes.xml

colors.xml 

Code

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

    <color name="seed">#6750A4</color>

    <color name="md_theme_light_surfaceTint">#6750A4</color>

    <color name="md_theme_light_surfaceTintColor">#6750A4</color>

    <color name="md_theme_light_onErrorContainer">#410E0B</color>

    <color name="md_theme_light_onError">#FFFFFF</color>

    <color name="md_theme_light_errorContainer">#F9DEDC</color>

    <color name="md_theme_light_onTertiaryContainer">#31111D</color>

    <color name="md_theme_light_onTertiary">#FFFFFF</color>

    <color name="md_theme_light_tertiaryContainer">#FFD8E4</color>

    <color name="md_theme_light_tertiary">#7D5260</color>

    <color name="md_theme_light_shadow">#000000</color>

    <color name="md_theme_light_error">#B3261E</color>

    <color name="md_theme_light_outline">#79747E</color>

    <color name="md_theme_light_onBackground">#1C1B1F</color>

    <color name="md_theme_light_background">#FFFBFE</color>

    <color name="md_theme_light_inverseOnSurface">#F4EFF4</color>

    <color name="md_theme_light_inverseSurface">#313033</color>

    <color name="md_theme_light_onSurfaceVariant">#49454F</color>

    <color name="md_theme_light_onSurface">#1C1B1F</color>

    <color name="md_theme_light_surfaceVariant">#E7E0EC</color>

    <color name="md_theme_light_surface">#FFFBFE</color>

    <color name="md_theme_light_onSecondaryContainer">#1D192B</color>

    <color name="md_theme_light_onSecondary">#FFFFFF</color>

    <color name="md_theme_light_secondaryContainer">#E8DEF8</color>

    <color name="md_theme_light_secondary">#625B71</color>

    <color name="md_theme_light_inversePrimary">#D0BCFF</color>

    <color name="md_theme_light_onPrimaryContainer">#21005D</color>

    <color name="md_theme_light_onPrimary">#FFFFFF</color>

    <color name="md_theme_light_primaryContainer">#EADDFF</color>

    <color name="md_theme_light_primary">#6750A4</color>

    <color name="md_theme_dark_surfaceTint">#D0BCFF</color>

    <color name="md_theme_dark_surfaceTintColor">#D0BCFF</color>

    <color name="md_theme_dark_onErrorContainer">#F2B8B5</color>

    <color name="md_theme_dark_onError">#601410</color>

    <color name="md_theme_dark_errorContainer">#8C1D18</color>

    <color name="md_theme_dark_onTertiaryContainer">#FFD8E4</color>

    <color name="md_theme_dark_onTertiary">#492532</color>

    <color name="md_theme_dark_tertiaryContainer">#633B48</color>

    <color name="md_theme_dark_tertiary">#EFB8C8</color>

    <color name="md_theme_dark_shadow">#000000</color>

    <color name="md_theme_dark_error">#F2B8B5</color>

    <color name="md_theme_dark_outline">#938F99</color>

    <color name="md_theme_dark_onBackground">#E6E1E5</color>

    <color name="md_theme_dark_background">#1C1B1F</color>

    <color name="md_theme_dark_inverseOnSurface">#313033</color>

    <color name="md_theme_dark_inverseSurface">#E6E1E5</color>

    <color name="md_theme_dark_onSurfaceVariant">#CAC4D0</color>

    <color name="md_theme_dark_onSurface">#E6E1E5</color>

    <color name="md_theme_dark_surfaceVariant">#49454F</color>

    <color name="md_theme_dark_surface">#1C1B1F</color>

    <color name="md_theme_dark_onSecondaryContainer">#E8DEF8</color>

    <color name="md_theme_dark_onSecondary">#332D41</color>

    <color name="md_theme_dark_secondaryContainer">#4A4458</color>

    <color name="md_theme_dark_secondary">#CCC2DC</color>

    <color name="md_theme_dark_inversePrimary">#6750A4</color>

    <color name="md_theme_dark_onPrimaryContainer">#EADDFF</color>

    <color name="md_theme_dark_onPrimary">#381E72</color>

    <color name="md_theme_dark_primaryContainer">#4F378B</color>

    <color name="md_theme_dark_primary">#D0BCFF</color>

</resources>

themes.xml

Code

<resources>

       <style name="AppTheme" parent="Theme.Material3.Light.NoActionBar">

        <item name="colorOnErrorContainer">@color/md_theme_light_onErrorContainer</item>

        <item name="colorOnError">@color/md_theme_light_onError</item>

        <item name="colorErrorContainer">@color/md_theme_light_errorContainer</item>

        <item name="colorOnTertiaryContainer">@color/md_theme_light_onTertiaryContainer</item>

        <item name="colorOnTertiary">@color/md_theme_light_onTertiary</item>

        <item name="colorTertiaryContainer">@color/md_theme_light_tertiaryContainer</item>

        <item name="colorTertiary">@color/md_theme_light_tertiary</item>

        <item name="colorError">@color/md_theme_light_error</item>

        <item name="colorOutline">@color/md_theme_light_outline</item>

        <item name="colorOnBackground">@color/md_theme_light_onBackground</item>

        <item name="android:colorBackground">@color/md_theme_light_background</item>

        <item name="colorOnSurfaceInverse">@color/md_theme_light_inverseOnSurface</item>

        <item name="colorSurfaceInverse">@color/md_theme_light_inverseSurface</item>

        <item name="colorOnSurfaceVariant">@color/md_theme_light_onSurfaceVariant</item>

        <item name="colorOnSurface">@color/md_theme_light_onSurface</item>

        <item name="colorSurfaceVariant">@color/md_theme_light_surfaceVariant</item>

        <item name="colorSurface">@color/md_theme_light_surface</item>

        <item name="colorOnSecondaryContainer">@color/md_theme_light_onSecondaryContainer</item>

        <item name="colorOnSecondary">@color/md_theme_light_onSecondary</item>

        <item name="colorSecondaryContainer">@color/md_theme_light_secondaryContainer</item>

        <item name="colorSecondary">@color/md_theme_light_secondary</item>

        <item name="colorOnPrimaryContainer">@color/md_theme_light_onPrimaryContainer</item>

        <item name="colorOnPrimary">@color/md_theme_light_onPrimary</item>

        <item name="colorPrimaryContainer">@color/md_theme_light_primaryContainer</item>

        <item name="colorPrimaryInverse">@color/md_theme_light_inversePrimary</item>

        </style>

        

</resources>