diff --git a/doc/assets/material-theme-builder-export2.png b/doc/assets/material-theme-builder-export2.png index 848e5f811..cd3742bfb 100644 Binary files a/doc/assets/material-theme-builder-export2.png and b/doc/assets/material-theme-builder-export2.png differ diff --git a/doc/material-dsp.md b/doc/material-dsp.md index 2a74d37de..268c76be9 100644 --- a/doc/material-dsp.md +++ b/doc/material-dsp.md @@ -32,14 +32,14 @@ This package will be automatically present in the project after [creating a new * The package is already present when you select _Material_ theme during project creation: ![Selection of Material theme when creating a project using the Uno Template Wizard](assets/material-theme-selection-wizard.png) -## Generating a custom color palette and export as JSON file +## Generating a custom color palette and exporting it as a JSON file 1. Navigate to the [Material Theme Builder](https://m3.material.io/theme-builder#/custom) and select the colors you want to use for your application. 2. Locate the _Export_ button and pick the _Material Theme (JSON)_ format. ![Export Button](assets/material-theme-builder-export1.png) ![DSP Selection](assets/material-theme-builder-export2.png) 3. Save the file to your computer. -4. Replace the file `ColorPaletteOverride.json` in the `Styles` folder of your application project with the one you just downloaded. +4. Replace the `ColorPaletteOverride.json` file in the `Styles` folder of your application project with the one you just downloaded. 5. Build your application. The `ColorPaletteOverride.xaml` file will be automatically updated with the colors present in the JSON file. ## More flexibility @@ -48,7 +48,7 @@ This will generate the file at each build, potentially overriding any changes yo Alternatively, you can also use the [Uno.Dsp.Cli](https://nuget.org/packages/Uno.Dsp.Cli) package to generate the file from the command line. This will allow you to generate the file only when you want to, and not at each build. -> [!TIP] -> Besides **Material Theme Builder Tool** doesn't export anymore **Material Tokens (DSP)** packages, Uno Plugin still supports this file with no restriction. -> To be able to import DSP packages just follow the same steps described previously and save the downloaded dsp zip file as `ColorPaletteOverride.zip` in the `Styles` folder of your application project. -> Make sure to delete the `material-theme.json` file from `Styles` folder before building your application, to avoid conflicts. \ No newline at end of file +> [!NOTE] +> Although the **Material Theme Builder Tool** doesn't export **Material Tokens (DSP)** packages anymore, the Uno Figma Plugin still supports this file format. +> To be able to import DSP packages just follow the same steps described previously and save the downloaded DSP zip file as `ColorPaletteOverride.zip` in the `Styles` folder of your application project. +> In that case, make sure to delete the `material-theme.json` file from `Styles` folder before building your application, to avoid conflicts.