diff --git a/stylish-toggle-script.user.js b/stylish-toggle-script.user.js index 1385e4d..91283cd 100644 --- a/stylish-toggle-script.user.js +++ b/stylish-toggle-script.user.js @@ -14,11 +14,19 @@ var stylishToggle = stylishToggle = { - selector : 'style.stylish[id*=stylish]', - + selector : 'style.stylish-style', + init : function() { if ( document.querySelectorAll( this.selector ).length ) { this.addToggle(); + + setTimeout(() => { + const checkbox = toggle.querySelector('input'); + if (checkbox) { + checkbox.checked = false; + checkbox.dispatchEvent(new Event('change', { bubbles: true })); + } + }, 300); } }, toggle : function( event ) { @@ -63,9 +71,18 @@ '.stylish-toggle-flat:checked + .stylish-toggle-btn:after { left: 50%; background: #7FC6A6; }' + ''; + const policy = trustedTypes.createPolicy('myPolicy', { + createHTML: (input) => { + return input; + } + }); + const safeHTML = policy.createHTML(html); + toggle.classList.add( 'stylish-toggle-wrap' ); toggle.title = "Toggle Applied Stylish Theme"; - toggle.innerHTML = html; + //toggle.innerHTML = html; + toggle.innerHTML = safeHTML; + document.querySelector( 'body' ).appendChild( toggle ); toggle.querySelector( 'input' ).addEventListener( 'change', this.toggle ); }