Color de fondo de iFrame no funciona

Soporte
1

Recientemente incrusté algunas visualizaciones en una publicación de foro (impulsada por Discourse) y se ven terribles en modo oscuro porque los iframes tienen fondos transparentes.

Así que intenté cambiar el color de fondo de los iframes. Descubrí cómo y lo probé en HackMD; funcionó bien. Pero cuando lo envío al foro de Discourse, ¡no funciona! Predomina el modo oscuro.

Aquí está la estructura del código que estoy usando:

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

Es probable que necesites usar CSS personalizado para establecer un color de fondo personalizado para tu iframe, ya que los estilos/clases se eliminan de todas las publicaciones en Discourse por defecto.

Por ejemplo, dentro de un tema podrías usar:

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

Y luego, en el CSS personalizado del tema que estés usando, añade:

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

Si estás interesado en poner en lista blanca estilos/clases en tu sitio, esto debe hacerse con un plugin.

3

¡Muchas gracias, funcionó!