Skip to content

Commit

Permalink
chore: comments
Browse files Browse the repository at this point in the history
Co-Authored-By: Xiaotian Gu <[email protected]>
Co-Authored-By: Steve Bilogan <[email protected]>
Co-Authored-By: Agnès ZITTE <[email protected]>
  • Loading branch information
4 people committed May 9, 2024
1 parent 33b85df commit d82bf74
Show file tree
Hide file tree
Showing 2 changed files with 6 additions and 6 deletions.
Binary file modified doc/assets/material-theme-builder-export2.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
12 changes: 6 additions & 6 deletions doc/material-dsp.md
Original file line number Diff line number Diff line change
Expand Up @@ -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
Expand All @@ -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.
> [!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.

0 comments on commit d82bf74

Please sign in to comment.