35 lines
1.2 KiB
Cheetah
35 lines
1.2 KiB
Cheetah
{{if false}}
|
|
{{/* to make html structure "likely" complete to prevent IDE warnings */}}
|
|
<html>
|
|
<body>
|
|
<div>
|
|
{{end}}
|
|
|
|
<script src="{{AssetUrlPrefix}}/js/index.js?v={{AssetVersion}}" onerror="alert('Failed to load asset files from ' + this.src + '. Please make sure the asset files can be accessed.')"></script>
|
|
|
|
<script>
|
|
const dynamicLogo = document.getElementById('dynamic-logo');
|
|
const assetUrlPrefix = "{{AssetUrlPrefix}}"; // Get the asset URL prefix from your Go template
|
|
|
|
function setLogoBasedOnTheme() {
|
|
if (getComputedStyle(document.documentElement).getPropertyValue('--is-dark-theme').trim() == 'true') {
|
|
// Dark mode is active
|
|
dynamicLogo.src = `${assetUrlPrefix}/img/logo_light.svg`;
|
|
} else {
|
|
// Light mode or no preference (default to light)
|
|
dynamicLogo.src = `${assetUrlPrefix}/img/logo_dark.svg`;
|
|
}
|
|
}
|
|
|
|
// Set logo on initial load
|
|
setLogoBasedOnTheme();
|
|
|
|
// Listen for changes in the color scheme
|
|
window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', event => {
|
|
setLogoBasedOnTheme();
|
|
});
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|