Fixes and a new feature

Fixed a bug with css on a slow network
Now there is a check if the new version is available at the bottom credits

_locales/en/messages.json

@@ -6,5 +6,9 @@
 	"creditTitle": {
 		"message": "Spectrum extenstion GitHub",
 		"description": "GitHub link descripiton"
+	},
+	"creditImg": {
+		"message": "Outdated",
+		"descripiton": "Checks if the extension version is outdated"
 	}
 }

_locales/ru/messages.json

@@ -6,5 +6,9 @@
 	"creditTitle": {
 		"message": "GitHub расширения Spectrum",
 		"description": "Описание ссылки на GitHub"
+	},
+	"creditImg": {
+		"message": "Устаревшее",
+		"descripiton": "Проверяет если расширение устарело"
 	}
 }

css/dark.css

@@ -288,9 +288,9 @@ a,
 .icms-users-profile__view .fieldset_title h3 {
 	padding-left: 15px !important;
 }
-.card {
-	background-color: #2e2e2e;
-	border: 1px solid rgb(255 255 255 / 40%);
+#widget_wrapper_150, #widget_wrapper_153 {
+	background-color: #2e2e2e !important;
+	border: 1px solid rgb(255 255 255 / 40%) !important;
 }
 .info_bar {
 	background-color: #2e2e2e !important;

js/cssinject.js

@@ -24,13 +24,31 @@ const switchTheme = () => {
 	location.reload();
 };
 
+// Get latest version
+async function latest() {
+	let ver = await fetch("https://api.github.com/repos/Alextimka/Spectrum/tags")
+		.then((response) => response.json())
+		.then((json) => json[0].name);
+	ver = parseFloat(ver.substr(ver.length - 3))
+	return ver
+}
 // Insert features function
 function insert() {
 	try {
 		// Append theme switch
 		document.querySelector(".py-2").appendChild(thswitch);
+	} catch {}
+}
+async function insertAfter() {
+	try {
+		// Check if a newer version is available
+		if (currVer < (await latest())) {
+			credText += `%20(${chrome.i18n.getMessage("creditImg")})`;
+		}
+		creditImg.src = `https://img.shields.io/badge/Spectrum%20v${credText}-4d4d4d?logo=github`;
 
 		// Append credit
+		credit.append(creditImg);
 		document
 			.getElementsByClassName(
 				"d-flex align-items-center text-muted icms-links-inherit-color"
@@ -71,19 +89,6 @@ if (themeid == 1) {
 // Hide the page until it is fully loaded
 document.documentElement.style.visibility = "hidden";
 
-// Credit image
-const creditImg = document.createElement("img");
-creditImg.src = `https://img.shields.io/badge/Spectrum%20${
-	chrome.runtime.getManifest().version
-}-4d4d4d?logo=github`;
-
-// Spectrum credit at the bottom
-let credit = document.createElement("a");
-credit.href = "https://github.com/Alextimka/Spectrum";
-credit.target = "_blank";
-credit.append(creditImg);
-credit.title = chrome.i18n.getMessage("creditTitle");
-
 // Theme switch svg
 const themeSvg = document.createElement("img");
 themeSvg.src = chrome.runtime.getURL(
@@ -96,10 +101,23 @@ thswitch.classList.add("text-light", "ml-2");
 thswitch.append(themeSvg);
 thswitch.addEventListener("click", switchTheme);
 
+// Spectrum credit at the bottom
+let credit = document.createElement("a");
+credit.href = "https://github.com/Alextimka/Spectrum";
+credit.target = "_blank";
+credit.title = chrome.i18n.getMessage("creditTitle");
+
+// Credit image
+var credText = chrome.runtime.getManifest().version;
+const currVer = parseFloat(credText.substr(credText.length - 3));
+const creditImg = document.createElement("img");
+
+
 // Show the page when it is fully loaded and append features
 document.addEventListener("DOMContentLoaded", function () {
 	setTimeout(() => {
 		insert();
 		document.documentElement.style.visibility = "";
+		insertAfter();
 	}, 150);
 });

manifest.json

@@ -1,7 +1,7 @@
 {
 	"manifest_version": 3,
 	"name": "Spectrum",
-	"version": "1.3.1",
+	"version": "1.3.2",
 	"description": "__MSG_extDesc__",
 	"default_locale": "en",
 	"icons": {