J’étais récemment chez un client qui a plusieurs environnements (Prod, Integration, Recette, …) sur HDP avec chacun son instance Ambari.

L’une des questions soulevée par le client est la suivante :

Nous avons besoin de pouvoir différencier visuellement les environnements lors de l’utilisation d’Ambari et le nom du cluster n’est pas suffisant, comment peut-on changer la couleur de la bar en haut en rouge ?

Il n’y a pas de solution toute faite, mais voilà un petit hack : le CSS de la vue web est défini dans le fichier  /usr/lib/ambari-server/web/stylesheets/vendor.css  /usr/lib/ambari-server/web/stylesheets/vendor.css  du serveur Ambari et le sélecteur CSS pour le fond de la bar est #top-nav .navbar.navbar-static-top .navbar-inner .

On peut donc par exemple ajouter la ligne suivante en haut du fichier vendor.css:

et obtenir ce résultat, certes moche, mais fonctionnel :

ambari red barImpossible de rater ce rouge !

Il ne vous reste plus qu’à faire plus joli !

NB: étant donné que c’est un hack manuel, le code sera supprimé à la mise à jour d’Ambari !