> 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/fr/system-administration/customizing-the-user-interface.md). # Personnalisation de l'interface utilisateur VergeOS prend en charge l’image de marque personnalisée à chaque niveau de tenancy (si autorisé), en utilisant les **Thèmes** fonctionnalité. Ce guide vous explique comment modifier l’interface utilisateur (UI) avec les éléments d’image de marque de votre organisation, notamment les logos, les couleurs et les favicons. {% hint style="info" %} **Nouveautés de VergeOS v26** * **Modes clair et sombre**: VergeOS inclut des thèmes clairs et sombres par défaut, et prend en charge des thèmes personnalisés basés sur l’un ou l’autre mode. * **Plusieurs variantes de thème**: Les administrateurs peuvent créer plusieurs thèmes à l’image de leur marque, comme des versions claires et sombres, et les rendre disponibles à la sélection par les utilisateurs. {% endhint %} ## Comment modifier l’image de marque de votre interface utilisateur Suivez ces étapes pour personnaliser votre environnement VergeOS : 1. **Télécharger les fichiers du logo et de l’icône**: * Téléversez le logo souhaité au format `.png` ou `.jpg` format. Pour de meilleurs résultats, utilisez une image **144x36** de 144x36 pour le grand logo et **44x44** de 44x44 pour le petit logo. * Si vous le souhaitez, téléversez un favicon au format `.ico` format. {% hint style="success" %} **Les instructions pour téléverser des fichiers vers le vSAN se trouvent** [**ici**](/run-the-platform/storage/uploading-files-to-vsan.md) {% endhint %} 2. **Créer un ou plusieurs thèmes personnalisés**: pour mettre en œuvre votre image de marque\ Reportez-vous au [Guide produit Thèmes](/run-the-platform/system-administration/themes.md) pour obtenir les instructions. 3. **Contrôler les options de thème des utilisateurs**:\ Tous les thèmes activés sont proposés comme options aux utilisateurs (dans la barre utilitaire). **Pour imposer une image de marque personnalisée exclusive, vous devez désactiver les thèmes VergeOS standard par défaut (clair/sombre).** ## Bonnes pratiques pour la personnalisation de l’interface utilisateur ### Conception visuelle * **Créer des variantes claires et sombres :** Proposez à la fois des versions claires et sombres de votre thème personnalisé afin de prendre en charge différents environnements lumineux et préférences des utilisateurs. Le mode clair améliore la visibilité dans les environnements lumineux, tandis que le mode sombre réduit l’éblouissement et peut économiser la batterie sur les appareils OLED. * **Cohérence**: Assurez-vous que les couleurs et les logos choisis pour l’image de marque sont conformes au guide de style de votre organisation afin de garantir la cohérence. * **Dimensions du logo**: Téléversez des logos aux dimensions correctes afin d’éviter toute distorsion ou tout problème de mise à l’échelle. ### Accessibilité et lisibilité * **Lisibilité**: Utilisez des couleurs contrastées pour le texte et les éléments d’arrière-plan afin de garantir la lisibilité sur différents appareils. * **Tester sur différents thèmes :** Vérifiez que tous les éléments de l’interface restent lisibles et visuellement cohérents en mode clair comme en mode sombre. ### Gestion des thèmes et expérience utilisateur * **Aperçu avant activation**: Définir initialement un nouveau thème comme désactivé peut vous laisser le temps de vérifier les consignes d’image de marque et la facilité d’utilisation avant de l’activer pour la sélection par les utilisateurs. * **Désactiver les thèmes inutilisés :** Les utilisateurs peuvent choisir parmi tous les thèmes activés. Pour imposer une image de marque exclusive, désactivez les thèmes VergeOS par défaut (clair/sombre) ; supprimez tous les thèmes personnalisés obsolètes que vous ne souhaitez plus proposer. * **Nommer clairement les thèmes**: Utilisez des noms descriptifs (par ex. « Acme Light » ou « Acme Dark ») pour aider les utilisateurs à identifier facilement la version appropriée. *** En suivant ces étapes et en utilisant les options disponibles, vous pouvez personnaliser entièrement l’interface utilisateur de VergeOS afin qu’elle reflète l’image de marque de votre organisation. Veillez à enregistrer vos paramètres une fois satisfait des modifications. *** {% hint style="info" %} **Informations sur le document** * Dernière mise à jour : 2025-10-29 * Version 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/fr/system-administration/customizing-the-user-interface.md?ask=&goal= ``` `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.