Changer la couleur de la topbar d’Ambari

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 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 !

Par |2018-06-05T22:37:02+00:00July 9th, 2017|Hack|0 commentaire

À propos de l'auteur :

Consultant Big Data @ Adaltas depuis 2015, j'aime découvrir de nouvelles choses et expérimenter avec les nouvelles technologies en plus de mon métier de tous les jours

Laisser un commentaire