I’ve been using dark sky/forecast.io embed for a while now to show a nice weather forecast on my dashboard.
<style type="text/css">
p.markdown-html.panel-text-content {
overflow: hidden;
}
p.markdown-html.panel-text-content iframe {
height:330px;
}
</style>
<script type="text/javascript">
var weatherProperties = 'lat=NN.NNNNN&lon=NN.NNNNN&color=#FFFFFF&text-color=#FFFFFF&units=si&name=Home';
// initial load
document.getElementById('embedweather').src = 'http://forecast.io/embed/?ts=' + (Date.now()) + '#' + weatherProperties;
// refresh
var weatherRefresh = setInterval(function() {document.getElementById('embedweather').src = 'http://forecast.io/embed/?ts=' + (Date.now()) + '#' + weatherProperties;}, 300000);
</script>
<br />
<br />
<iframe id="embedweather" height="100%" src="#" style="margin: 0; padding: 0; border: none; width:100%; position:relative; top:-50px; overflow:hidden; margin-bottom: -70px;"></iframe>
However recently, after an apt-get upgrade, so might be related to a grafana update, it has become unreadable since the text color is white, and now also the background color is white. It used to have no/transparent background color and use the background color of the dashboard.
Any clues to why this is suddenly happening and how to solve this issue?