Fixed styles

adokseo · adokseo · commit ebc14f9df31c · 2022-01-09T14:01:56.000+03:00
diff --git a/extension-features.js b/extension-features.js
@@ -296,17 +296,17 @@ document.addEventListener('ui-styles', function () {
 
     if (storage.background_color) {
         if (storage.hasOwnProperty('opacity')) {
-            this.surface.style.setProperty('background-color', 'rgba(' + storage.background_color.join(',') + ',' + storage.opacity + ')', 'important');
+            extension.ui.surface.style.setProperty('background-color', 'rgba(' + storage.background_color.join(',') + ',' + storage.opacity + ')', 'important');
         } else {
-            this.surface.style.setProperty('background-color', 'rgba(' + storage.background_color.join(',') + ',0.8)', 'important');
+            extension.ui.surface.style.setProperty('background-color', 'rgba(' + storage.background_color.join(',') + ',0.8)', 'important');
         }
     }
 
     if (storage.text_color) {
-        this.surface.style.setProperty('color', 'rgb(' + storage.text_color.join(',') + ')', 'important');
+        extension.ui.surface.style.setProperty('color', 'rgb(' + storage.text_color.join(',') + ')', 'important');
     }
 
     if (storage.blur) {
-        this.surface.style.setProperty('backdrop-filter', 'blur(' + storage.blur + 'px)', 'important');
+        extension.ui.surface.style.setProperty('backdrop-filter', 'blur(' + storage.blur + 'px)', 'important');
     }
 });
diff --git a/manifest.json b/manifest.json
@@ -2,7 +2,7 @@
     "manifest_version": 3,
     "name": "Frame By Frame",
     "description": "__MSG_description__",
-    "version": "3.1",
+    "version": "3.2",
     "default_locale": "en",
     "icons": {
         "16": "icons/16.png",

Original file line number	Diff line number	Diff line change
`@@ -296,17 +296,17 @@ document.addEventListener('ui-styles', function () {`
`296`	`296`
`297`	`297`	`if (storage.background_color) {`
`298`	`298`	`if (storage.hasOwnProperty('opacity')) {`
`299`		`- this.surface.style.setProperty('background-color', 'rgba(' + storage.background_color.join(',') + ',' + storage.opacity + ')', 'important');`
	`299`	`+ extension.ui.surface.style.setProperty('background-color', 'rgba(' + storage.background_color.join(',') + ',' + storage.opacity + ')', 'important');`
`300`	`300`	`} else {`
`301`		`- this.surface.style.setProperty('background-color', 'rgba(' + storage.background_color.join(',') + ',0.8)', 'important');`
	`301`	`+ extension.ui.surface.style.setProperty('background-color', 'rgba(' + storage.background_color.join(',') + ',0.8)', 'important');`
`302`	`302`	`}`
`303`	`303`	`}`
`304`	`304`
`305`	`305`	`if (storage.text_color) {`
`306`		`- this.surface.style.setProperty('color', 'rgb(' + storage.text_color.join(',') + ')', 'important');`
	`306`	`+ extension.ui.surface.style.setProperty('color', 'rgb(' + storage.text_color.join(',') + ')', 'important');`
`307`	`307`	`}`
`308`	`308`
`309`	`309`	`if (storage.blur) {`
`310`		`- this.surface.style.setProperty('backdrop-filter', 'blur(' + storage.blur + 'px)', 'important');`
	`310`	`+ extension.ui.surface.style.setProperty('backdrop-filter', 'blur(' + storage.blur + 'px)', 'important');`
`311`	`311`	`}`
`312`	`312`	`});`