From 560e15b66b9cb8afa244146e926c03c7c39d5e86 Mon Sep 17 00:00:00 2001 From: kogorash <102672298+kogorash@users.noreply.github.com> Date: Wed, 5 Feb 2025 21:02:23 +0300 Subject: [PATCH 1/3] Update stylish-toggle-script.user.js --- stylish-toggle-script.user.js | 19 +++++++++++++++---- 1 file changed, 15 insertions(+), 4 deletions(-) diff --git a/stylish-toggle-script.user.js b/stylish-toggle-script.user.js index 1385e4d..85e7366 100644 --- a/stylish-toggle-script.user.js +++ b/stylish-toggle-script.user.js @@ -14,8 +14,9 @@ var stylishToggle = stylishToggle = { - selector : 'style.stylish[id*=stylish]', - + //selector : 'style.stylish[id*=stylish]', + selector : 'style.stylish-style', + init : function() { if ( document.querySelectorAll( this.selector ).length ) { this.addToggle(); @@ -32,7 +33,8 @@ addToggle : function() { // flat toggle button from http://codepen.io/mallendeo/pen/eLIiG/ var toggle = document.createElement( 'div' ), - html = '' + + html = 'Stylish mode' + + '' + '' + // toggle css ''; + 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 ); } From ad5b06417fa83c3f8ea8e639d52a876217f5f531 Mon Sep 17 00:00:00 2001 From: kogorash <102672298+kogorash@users.noreply.github.com> Date: Wed, 5 Feb 2025 21:07:18 +0300 Subject: [PATCH 2/3] Update stylish-toggle-script.user.js --- stylish-toggle-script.user.js | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) diff --git a/stylish-toggle-script.user.js b/stylish-toggle-script.user.js index 85e7366..cf0fd36 100644 --- a/stylish-toggle-script.user.js +++ b/stylish-toggle-script.user.js @@ -14,7 +14,6 @@ var stylishToggle = stylishToggle = { - //selector : 'style.stylish[id*=stylish]', selector : 'style.stylish-style', init : function() { @@ -33,8 +32,7 @@ addToggle : function() { // flat toggle button from http://codepen.io/mallendeo/pen/eLIiG/ var toggle = document.createElement( 'div' ), - html = 'Stylish mode' + - '' + + html = '' + '' + // toggle css '