La couleur de fond de l'iFrame ne fonctionne pas

J’ai récemment intégré des visualisations dans un post de forum (propulsé par discourse) et elles sont malheureusement terribles en mode sombre car les iframes ont des arrière-plans transparents.

J’ai donc essayé de changer la couleur de fond des iframes. J’ai trouvé comment faire et je l’ai testé sur hackmd ; cela a bien fonctionné. Mais lorsque je le soumets sur le forum discourse, cela ne fonctionne pas ! Le mode sombre l’emporte.

Voici la structure du code que j’utilise :

<iframe width="100%" height="300" style="background-color: #FFFFFF" src="https://dune.com/embeds/1002945/1734962/fe28df65-99a3-4b98-8cb4-e97f132c8165" frameborder="0"></iframe>

Vous devrez probablement utiliser du CSS personnalisé pour définir une couleur d’arrière-plan personnalisée pour votre iframe, car les styles/classes sont supprimés de tous les messages sur Discourse par défaut.

Par exemple, dans un sujet, vous pourriez utiliser :

<div data-theme-1>
<iframe width="100%" height="300" src="https://dune.com/embeds/1002945/1734962/fe28df65-99a3-4b98-8cb4-e97f132c8165" frameborder="0"></iframe>
</div>

Et ensuite, dans le CSS personnalisé du thème que vous utilisez, ajoutez :

div[data-theme-1] {
  background-color: #FFFFFF;
}

Si vous souhaitez autoriser les styles/classes sur votre site, cela doit être fait avec un plugin.

Merci beaucoup, ça a fonctionné !

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.