Est-ce possible avec le thème Grafana ?

Question

J'utilise la dernière version de Grafana (10 au moment d'écrire ces lignes). Je souhaite intégrer certains de mes panneaux Grafana dans un autre endroit/sur mon propre site Web. Cependant, les thèmes clairs et sombres de Grafana sont très différents du reste des panneaux personnalisés de mon site.

Grafana prend-il en charge/autorise-t-il les thèmes ? Je souhaite créer un thème personnalisé qui ne sera utilisé que sur les panneaux intégrés de mon site Web, tout en les gardant identiques au reste de Grafana lors de la navigation sur Grafana lui-même. Est-il possible? Sinon, qu'est-ce qui est possible avec ce thème (peut-être un plugin comme BoomTheme mais il ne semble pas fonctionner car rien ne change/ne se passe lorsque je l'installe et je ne le trouve nulle part dans les paramètres) ? J'ai cherché dans la documentation Grafana et je n'ai rien trouvé à ce sujet.

Answer 1

Une solution consiste à ajouter un panneau de texte en mode HTML dans le tableau de bord et à ajouter du CSS personnalisé comme contenu, par exemple :

<style type="text/css">
[data-testid="header-container"] {
  background-color:red;
}
</style>

EDIT : Si vous voyez le code d'origine dans l'affichage du panneau de texte, vous devrez peut-être définir disable_sanitize_html dans vos paramètres grafana.

Tous les tableaux de bord incluant les panneaux sont ensuite stylisés avec ce CSS, voici un exemple de panneau en mode kiosque avec le chemin https://[grafana server domain]/dashboard/new?orgId=1&viewPanel=1&kiosk