diff --git a/manifest.json b/manifest.json
index 8715136..f785682 100644
--- a/manifest.json
+++ b/manifest.json
@@ -1,8 +1,8 @@
 {
 	"id": "link-favicon",
 	"name": "Link Favicons",
-	"version": "1.8.1",
-	"minAppVersion": "0.15.0",
+	"version": "1.8.2",
+	"minAppVersion": "1.3.0",
 	"description": "See the favicon for a linked website. ",
 	"author": "Johannes Theiner",
 	"authorUrl": "https://github.com/joethei",
diff --git a/src/main.ts b/src/main.ts
index 55bbfe4..6577e80 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -106,6 +106,7 @@ export default class FaviconPlugin extends Plugin {
 
 		//respond to app events to fix #37
 		this.registerEvent(this.app.workspace.on('css-change', () => {
+			console.log("css-change");
 			this.app.workspace.updateOptions();
 		}));
 
@@ -118,11 +119,11 @@ export default class FaviconPlugin extends Plugin {
 			const Prec = require("@codemirror/state").Prec;
 			this.registerEditorExtension(Prec.lowest(asyncDecoBuilderExt(this)));
 			this.registerEditorExtension(Prec.lowest(textRemovingDecoration(this)));
-
 		}
 
 		const processor = new PostProcessor(this);
 		this.registerMarkdownPostProcessor(processor.processor);
+		this.app.workspace.updateOptions();
 	}
 
 	override onunload() {
diff --git a/src/styles.scss b/src/styles.scss
index 86ea9cc..e886232 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -19,7 +19,7 @@
 	height: 50px;
 }
 
-.link-favicon[data-is-readable-a-a="false"][data-color-rotation="true"] {
+.link-favicon[data-color-inversion="true"][data-is-readable-a-a="false"] {
 	filter: hue-rotate(180deg) invert(1);
 }
 
diff --git a/versions.json b/versions.json
index 12f9ede..aea139b 100644
--- a/versions.json
+++ b/versions.json
@@ -24,5 +24,6 @@
 	"1.7.3": "0.13.30",
 	"1.7.4": "0.15.0",
 	"1.8.0": "0.15.0",
-	"1.8.1": "0.15.0"
+	"1.8.1": "0.15.0",
+	"1.8.2": "1.3.0"
 }