> For the complete documentation index, see [llms.txt](https://docs.verge.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.verge.io/knowledge-base/es/system-administration/customizing-the-user-interface.md).

# Personalización de la interfaz de usuario

VergeOS admite la personalización de marca en cada capa de tenencia (si está permitido), usando la **Temas** función. Esta guía le muestra cómo modificar la interfaz de usuario (UI) con los elementos de marca de su organización, incluidos logotipos, colores y favicons.

{% hint style="info" %}
**Novedades de VergeOS v26**

* **Modos claro y oscuro**: VergeOS incluye temas predeterminados claros y oscuros, y admite temas personalizados basados en cualquiera de los dos modos.
* **Variantes múltiples de tema**: Los administradores pueden crear varios temas personalizados, como versiones claras y oscuras, y ponerlos a disposición para que los usuarios los seleccionen.
  {% endhint %}

## Cómo cambiar la personalización de marca de su UI

Siga estos pasos para personalizar su entorno VergeOS:

1. **Cargar archivos de logotipo e icono**:
   * Cargue el logotipo deseado en `.png` o `.jpg` formato. Para obtener los mejores resultados, use una imagen de **144x36** para el logotipo grande y **44x44** para el logotipo pequeño.
   * Si lo desea, cargue un favicon en `.ico` formato.

{% hint style="success" %}
**Las instrucciones para cargar archivos en el vSAN se pueden encontrar** [**aquí**](/run-the-platform/storage/uploading-files-to-vsan.md)
{% endhint %}

2. **Crear uno o más temas personalizados**: para implementar su personalización de marca\
   Consulte la [Guía del producto de temas](/run-the-platform/system-administration/themes.md) para obtener instrucciones.
3. **Controlar las opciones de temas de usuario**:\
   Todos los temas habilitados se presentan como opciones para que los usuarios seleccionen (desde la barra de utilidades). **Para imponer una personalización de marca exclusiva, debe deshabilitar los temas predeterminados estándar de VergeOS (claro/oscuro).**

## Prácticas recomendadas para la personalización de la UI

### Diseño visual

* **Crear variantes claras y oscuras:** Ofrezca versiones claras y oscuras de su tema personalizado para adaptarse a distintos entornos de iluminación y preferencias de los usuarios. El modo claro mejora la visibilidad en entornos luminosos, mientras que el modo oscuro reduce el deslumbramiento y puede ahorrar batería en dispositivos OLED.
* **Consistencia**: Asegúrese de que los colores y logotipos que elija para la personalización de marca estén alineados con la guía de estilo de su organización para mantener la coherencia.
* **Dimensiones del logotipo**: Cargue logotipos con las dimensiones correctas para evitar problemas de distorsión o escalado.

### Accesibilidad y legibilidad

* **Legibilidad**: Use colores contrastantes para el texto y los elementos de fondo a fin de garantizar la legibilidad en distintos dispositivos.
* **Probar en todos los temas:** Verifique que todos los elementos de la UI sigan siendo legibles y visualmente coherentes tanto en modo claro como en modo oscuro.

### Gestión de temas y experiencia de usuario

* **Vista previa antes de habilitar**: Configurar inicialmente un nuevo tema como deshabilitado puede darle tiempo para verificar las directrices de marca y la usabilidad antes de habilitarlo para que los usuarios lo seleccionen.
* **Deshabilitar los temas no utilizados:** Los usuarios pueden seleccionar entre todos los temas habilitados. Para imponer una personalización de marca exclusiva, deshabilite los temas predeterminados de VergeOS (claro/oscuro); elimine cualquier tema personalizado obsoleto que ya no desee ofrecer.
* **Nombrar los temas con claridad**: Use nombres descriptivos (por ejemplo, “Acme Light” o “Acme Dark”) para ayudar a los usuarios a identificar fácilmente la versión adecuada.

***

Siguiendo estos pasos y utilizando las opciones disponibles, puede personalizar completamente la UI de VergeOS para reflejar la marca de su organización. Asegúrese de guardar sus ajustes una vez que esté satisfecho con los cambios.

***

{% hint style="info" %}
**Información del documento**

* Última actualización: 2025-10-29
* Versión de vergeOS: 26.0
  {% endhint %}


---

# 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.verge.io/knowledge-base/es/system-administration/customizing-the-user-interface.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.