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 :

César Berezowski est un architecte solution BigData & Hadoop et un Data Engineer avec 3 ans d’expérience sur Hadoop et les systèmes distribués. Il a conçu, développé et opéré des workflows d’ingestion de données et des services temps réels tout en accompagnant ses clients dans la définition de leurs besoins et dans leur mise en application. Il est polyvalent sur les plateformes BigData, de la planification, la conception et l’architecture du déploiement de clusters, l’administration, la maintenance ainsi que le prototypage et l’industrialisation d’applications en collaboration avec les utilisateurs métiers, les analystes, les data scientists, les ingénieurs et les équipes d’exploitation. Il aime découvrir de nouvelles choses et expérimenter de nouvelles technologies au-delà de son travail. Il est aussi doté d’une expérience en tant que formateur facilitant le transfert de connaissance et la formation des équipes.

Laisser un commentaire