🕊️Custom Branding

Remove the governmental branding and apply your own theme.

By default, applications built with this toolkit must be deployed on a `.gouv.fr` domain.

Using the DSFR outside that context requires an official agreement.

But what if you want to open your app to other use cases?

React-DSFR allows you to white-label your application, and even apply a custom MUI theme dynamically, simply by changing a configuration value.

Here’s a video tutorial that shows how to leverage this feature:

You can find the template project used in the tutorial here:

GitHub - InseeFrLab/vite-insee-starter: A template project for SPAsGitHub

Bonus tip:

If you want to change the environment variable that defines the active theme **without rebuilding** (in Vite projects), you’ll find this tool very useful:

GitHub - garronej/vite-envs: ⚙️ Env var in Vite at container startupGitHub