diff options
Diffstat (limited to 'layouts/partials/highlight.html')
| -rw-r--r-- | layouts/partials/highlight.html | 29 |
1 files changed, 29 insertions, 0 deletions
diff --git a/layouts/partials/highlight.html b/layouts/partials/highlight.html new file mode 100644 index 0000000..b7bbc76 --- /dev/null +++ b/layouts/partials/highlight.html @@ -0,0 +1,29 @@ +<link id="hlcss" rel="stylesheet" type="text/css"> + +<script> + function addCss(url) { + var link = document.getElementById('hlcss'); + link.href = url; + } + {{ if .Site.Params.darkMedia }} + var darkcss = '/css/monokai.css' + {{ else }} + var darkcss = '/css/monokailight.css' + {{ end }} + var lightcss = '/css/monokailight.css' + // load syntax css + if (window.matchMedia('(prefers-color-scheme)').media === 'not all') { + // alert('Browser doesn\'t support dark mode'); + addCss(lightcss); + } else if (window.matchMedia("(prefers-color-scheme: dark)").matches) { + addCss(darkcss); + } else { + addCss(lightcss); + } + window.matchMedia("(prefers-color-scheme: dark)").addListener( + e => e.matches && addCss(darkcss) + ); + window.matchMedia("(prefers-color-scheme: light)").addListener( + e => e.matches && addCss(lightcss) + ); +</script> |