> For the complete documentation index, see [llms.txt](https://docs.devolutions.net/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.devolutions.net/powershell-universal/fr/applis/themes/styles.md).

# Styles

Personnalisez le style de composants individuels d'applis PowerShell Universal avec l'applet de commande New-UDStyle, y compris le remplacement de classes Material UI intégrées comme MuiAlert.

Vous pouvez appliquer des styles à des composants individuels dans les applis en utilisant le composant `UDStyle`. Ce composant devra être ajouté à votre tableau de bord et fait partie des composants de base inclus avec PowerShell Universal.

## Appliquer un style

Pour appliquer un style à un composant ou à un ensemble de composants, vous appelez l'applet de commande `New-UDStyle`, spécifiez un style CSS, puis incluez les composants auxquels vous souhaitez appliquer le style dans le bloc de script `-Content`.

```powershell
New-UDStyle -Style '
    padding: 32px;
    background-color: hotpink;
    font-size: 24px;
    border-radius: 4px;
    &:hover {
      color: white;
    }
    .MuiCardHeader-root {
        background-color: green !important;   
    }
    .MuiCardContent-root {
        background-color: green !important;   
    }' -Content {
        New-UDCard -Title 'Test' -Content {
            "Hello"
        }
    }
```

## Remplacer les styles intégrés

Chaque composant Material UI possède un ensemble de classes intégrées que vous pouvez remplacer à l'aide de `New-UDStyle`. Pour déterminer les noms de classe que vous devez remplacer, vous pouvez consulter la documentation de l'API du composant que vous essayez de modifier sur le site Material UI. Par exemple, voici une liste des [noms de classe](https://material-ui.com/api/alert/#css) CSS du composant Alert.

Lorsque vous utilisez une alerte de succès, la classe `.MuiAlert-standardSuccess` sera appliquée à votre composant. Vous pouvez remplacer ce style par défaut comme ceci.

```powershell
New-UDStyle -Style '.MuiAlert-standardSuccess { background-color: red !important;  }  ' -Content {
    New-UDAlert -Text "Hello"
}
```

L'alerte résultante sera rouge au lieu du vert par défaut.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.devolutions.net/powershell-universal/fr/applis/themes/styles.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.