> 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/es/aplicaciones/themes/cascading-style-sheets.md).

# Hojas de estilo en cascada

Puede usar una hoja de estilos en cascada (CSS) añadiendo un fichero `.css` a una carpeta publicada y pasándolo después al parámetro `-Stylesheets` de `New-UDDashboard`.

Por ejemplo, el fichero `dashboard.ps1` tendría este aspecto.

```powershell
New-UDDashboard -Title "Server Monitor" -Content {


} -Stylesheets @("/assets/theme.css")
```

A continuación, podría configurar una carpeta publicada para proporcionar la ruta de los recursos. Este es el aspecto que tendrá el contenido de `publishedFolders.ps1`.

```powershell
New-PSUPublishedFolder -RequestPath "/assets" -Path "C:\assets"
```

Dentro de la carpeta `C:\assets`, puede colocar cualquier recurso al que desee acceder en la ruta `/assets`.

![Assets folder](/files/cox3snC46QBHS97bCyXW)

Después puede crear una hoja de estilos para manipular la parte del panel que desee.

```css
.ud-dashboard > div {
    background-image: url("/assets/image.jpeg");
}
```

Esto produce un panel con una imagen de fondo de Austin, el perro, durmiendo en un montón de tierra.

![](/files/kWlFPLOU3Dq0HlDV9HGq)

## Determinar los nombres de clase correctos

Cada componente de Material UI tiene una serie de nombres de clase globales que puede usar para aplicar estilos en todo su panel. Para determinar los nombres de clase correctos, puede consultar la documentación de la API de un componente concreto. Allí hay una lista de los nombres de clase globales que se aplican a ese componente.

Por ejemplo, aquí está la [documentación CSS del componente Alert](https://material-ui.com/api/alert/#css).

Dentro de su fichero CSS, puede usar estos nombres de clase para sobrescribir estilos en todo su panel. Si quisiera que todas las alertas de éxito tuvieran un fondo rojo, podría crear un fichero CSS como este.

```css
.MuiAlert-standardSuccess { background-color: red !important;  }
```


---

# 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/es/aplicaciones/themes/cascading-style-sheets.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.