47 lines
1.2 KiB
HTML
47 lines
1.2 KiB
HTML
|
<script src="https://utteranc.es/client.js"
|
||
|
|
repo="{{ .Site.Params.comments.utterances.repo }}"
|
||
|
|
issue-term="{{ .Site.Params.comments.utterances.issueTerm }}"
|
||
|
|
{{ with .Site.Params.comments.utterances.label }}
|
||
|
|
label="{{ . }}"
|
||
|
|
{{ end }}
|
||
|
|
crossorigin="anonymous"
|
||
|
|
async
|
||
|
|
>
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style>
|
||
|
|
.utterances {
|
||
|
|
max-width: unset;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
let utterancesLoaded = false;
|
||
|
|
|
||
|
|
function setUtterancesTheme(theme) {
|
||
|
|
let utterances = document.querySelector('.utterances iframe');
|
||
|
|
if (utterances) {
|
||
|
|
utterances.contentWindow.postMessage(
|
||
|
|
{
|
||
|
|
type: 'set-theme',
|
||
|
|
theme: `github-${theme}`
|
||
|
|
},
|
||
|
|
'https://utteranc.es'
|
||
|
|
);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
addEventListener('message', event => {
|
||
|
|
if (event.origin !== 'https://utteranc.es') return;
|
||
|
|
|
||
|
|
/// Called when Utterances is ready
|
||
|
|
utterancesLoaded = true;
|
||
|
|
setUtterancesTheme(document.documentElement.dataset.scheme)
|
||
|
|
});
|
||
|
|
|
||
|
|
window.addEventListener('onColorSchemeChange', (e) => {
|
||
|
|
if (!utterancesLoaded) return;
|
||
|
|
setUtterancesTheme(e.detail)
|
||
|
|
})
|
||
|
|
</script>
|