Support robust theme sync with resolvedTheme and parent check loop
This commit is contained in:
@@ -397,19 +397,34 @@
|
||||
|
||||
<script>
|
||||
(function(){
|
||||
const p = new URLSearchParams(window.location.search);
|
||||
if (p.get('theme') === 'light') {
|
||||
document.body.style.setProperty('background', '#ffffff', 'important');
|
||||
document.documentElement.style.setProperty('background', '#ffffff', 'important');
|
||||
const b = document.querySelector('.badge');
|
||||
if (b) b.style.setProperty('background', "url('/PragatiVeer_Logo/SVG_Logos/Square_light_background.svg') center/cover no-repeat", 'important');
|
||||
// Override trailing color repeatedly so particles look okay in light mode
|
||||
setInterval(() => {
|
||||
setInterval(() => {
|
||||
let isLight = false;
|
||||
try {
|
||||
isLight = window.parent.document.documentElement.classList.contains('light') ||
|
||||
window.parent.document.documentElement.getAttribute('data-theme') === 'light';
|
||||
} catch (e) {
|
||||
const p = new URLSearchParams(window.location.search);
|
||||
isLight = p.get('theme') === 'light';
|
||||
}
|
||||
|
||||
if (isLight) {
|
||||
document.body.style.setProperty('background', '#ffffff', 'important');
|
||||
document.documentElement.style.setProperty('background', '#ffffff', 'important');
|
||||
const b = document.querySelector('.badge');
|
||||
if (b) b.style.setProperty('background', "url('/PragatiVeer_Logo/SVG_Logos/Square_light_background.svg') center/cover no-repeat", 'important');
|
||||
if (typeof fadeCol !== 'undefined') {
|
||||
fadeCol = 'rgba(255,255,255,0.22)';
|
||||
}
|
||||
}, 50);
|
||||
}
|
||||
} else {
|
||||
document.body.style.setProperty('background', '#000000', 'important');
|
||||
document.documentElement.style.setProperty('background', '#000000', 'important');
|
||||
const b = document.querySelector('.badge');
|
||||
if (b) b.style.setProperty('background', "url('/PragatiVeer_Logo/SVG_Logos/Square_dark_background.svg') center/cover no-repeat", 'important');
|
||||
if (typeof fadeCol !== 'undefined') {
|
||||
fadeCol = 'rgba(0,0,0,0.22)';
|
||||
}
|
||||
}
|
||||
}, 100);
|
||||
})();
|
||||
</script>
|
||||
|
||||
Reference in New Issue
Block a user