diff --git a/manifest/manifest.json b/manifest/manifest.json
index 0d399d64..f56729ad 100644
--- a/manifest/manifest.json
+++ b/manifest/manifest.json
@@ -24,9 +24,9 @@
"web_accessible_resources": [
"icons/LogoSponsorBlocker256px.png",
"icons/IconSponsorBlocker256px.png",
- "icons/PlayerStartIconSponsorBlocker256px.png",
- "icons/PlayerStopIconSponsorBlocker256px.png",
- "icons/PlayerUploadIconSponsorBlocker256px.png",
+ "icons/PlayerStartIconSponsorBlocker.svg",
+ "icons/PlayerStopIconSponsorBlocker.svg",
+ "icons/PlayerUploadIconSponsorBlocker.svg",
"icons/PlayerUploadFailedIconSponsorBlocker.svg",
"icons/PlayerCancelSegmentIconSponsorBlocker.svg",
"icons/settings.svg",
@@ -40,8 +40,8 @@
"icons/report.png",
"icons/close.png",
"icons/beep.ogg",
- "icons/PlayerInfoIconSponsorBlocker256px.png",
- "icons/PlayerDeleteIconSponsorBlocker256px.png",
+ "icons/PlayerInfoIconSponsorBlocker.svg",
+ "icons/PlayerDeleteIconSponsorBlocker.svg",
"popup.html",
"content.css"
],
diff --git a/public/icons/PlayerDeleteIconSponsorBlocker.svg b/public/icons/PlayerDeleteIconSponsorBlocker.svg
new file mode 100644
index 00000000..d5298853
--- /dev/null
+++ b/public/icons/PlayerDeleteIconSponsorBlocker.svg
@@ -0,0 +1,88 @@
+
+
diff --git a/public/icons/PlayerDeleteIconSponsorBlocker256px.png b/public/icons/PlayerDeleteIconSponsorBlocker256px.png
deleted file mode 100644
index c44f383d..00000000
Binary files a/public/icons/PlayerDeleteIconSponsorBlocker256px.png and /dev/null differ
diff --git a/public/icons/PlayerInfoIconSponsorBlocker.svg b/public/icons/PlayerInfoIconSponsorBlocker.svg
new file mode 100644
index 00000000..297e82b1
--- /dev/null
+++ b/public/icons/PlayerInfoIconSponsorBlocker.svg
@@ -0,0 +1,120 @@
+
+
diff --git a/public/icons/PlayerInfoIconSponsorBlocker256px.png b/public/icons/PlayerInfoIconSponsorBlocker256px.png
deleted file mode 100644
index 8a0e44a7..00000000
Binary files a/public/icons/PlayerInfoIconSponsorBlocker256px.png and /dev/null differ
diff --git a/public/icons/PlayerStartIconSponsorBlocker.svg b/public/icons/PlayerStartIconSponsorBlocker.svg
new file mode 100644
index 00000000..d31c673a
--- /dev/null
+++ b/public/icons/PlayerStartIconSponsorBlocker.svg
@@ -0,0 +1,71 @@
+
+
diff --git a/public/icons/PlayerStartIconSponsorBlocker256px.png b/public/icons/PlayerStartIconSponsorBlocker256px.png
deleted file mode 100644
index 3adff0a4..00000000
Binary files a/public/icons/PlayerStartIconSponsorBlocker256px.png and /dev/null differ
diff --git a/public/icons/PlayerStopIconSponsorBlocker.svg b/public/icons/PlayerStopIconSponsorBlocker.svg
new file mode 100644
index 00000000..a56e263e
--- /dev/null
+++ b/public/icons/PlayerStopIconSponsorBlocker.svg
@@ -0,0 +1,67 @@
+
+
diff --git a/public/icons/PlayerStopIconSponsorBlocker256px.png b/public/icons/PlayerStopIconSponsorBlocker256px.png
deleted file mode 100644
index 80ef4a6e..00000000
Binary files a/public/icons/PlayerStopIconSponsorBlocker256px.png and /dev/null differ
diff --git a/public/icons/PlayerUploadIconSponsorBlocker.svg b/public/icons/PlayerUploadIconSponsorBlocker.svg
new file mode 100644
index 00000000..07c5fc58
--- /dev/null
+++ b/public/icons/PlayerUploadIconSponsorBlocker.svg
@@ -0,0 +1,67 @@
+
+
diff --git a/public/icons/PlayerUploadIconSponsorBlocker256px.png b/public/icons/PlayerUploadIconSponsorBlocker256px.png
deleted file mode 100644
index 5be42678..00000000
Binary files a/public/icons/PlayerUploadIconSponsorBlocker256px.png and /dev/null differ
diff --git a/src/content.ts b/src/content.ts
index caa0c728..dab1e23f 100644
--- a/src/content.ts
+++ b/src/content.ts
@@ -1103,11 +1103,11 @@ async function createButtons(): Promise {
controls = await utils.wait(getControls).catch();
// Add button if does not already exist in html
- createButton("startSponsor", "sponsorStart", () => closeInfoMenuAnd(() => startOrEndTimingNewSegment()), "PlayerStartIconSponsorBlocker256px.png");
+ createButton("startSponsor", "sponsorStart", () => closeInfoMenuAnd(() => startOrEndTimingNewSegment()), "PlayerStartIconSponsorBlocker.svg");
createButton("cancelSponsor", "sponsorCancel", () => closeInfoMenuAnd(() => cancelCreatingSegment()), "PlayerCancelSegmentIconSponsorBlocker.svg");
- createButton("info", "openPopup", openInfoMenu, "PlayerInfoIconSponsorBlocker256px.png");
- createButton("delete", "clearTimes", () => closeInfoMenuAnd(() => clearSponsorTimes()), "PlayerDeleteIconSponsorBlocker256px.png");
- createButton("submit", "SubmitTimes", submitSponsorTimes, "PlayerUploadIconSponsorBlocker256px.png");
+ createButton("info", "openPopup", openInfoMenu, "PlayerInfoIconSponsorBlocker.svg");
+ createButton("delete", "clearTimes", () => closeInfoMenuAnd(() => clearSponsorTimes()), "PlayerDeleteIconSponsorBlocker.svg");
+ createButton("submit", "SubmitTimes", submitSponsorTimes, "PlayerUploadIconSponsorBlocker.svg");
}
/** Creates any missing buttons on the player and updates their visiblity. */
@@ -1155,10 +1155,10 @@ function updateEditButtonsOnPlayer(): void {
if (buttonsEnabled) {
if (creatingSegment) {
- playerButtons.startSponsor.image.src = chrome.extension.getURL("icons/PlayerStopIconSponsorBlocker256px.png");
+ playerButtons.startSponsor.image.src = chrome.extension.getURL("icons/PlayerStopIconSponsorBlocker.svg");
playerButtons.startSponsor.button.setAttribute("title", chrome.i18n.getMessage("sponsorEnd"));
} else {
- playerButtons.startSponsor.image.src = chrome.extension.getURL("icons/PlayerStartIconSponsorBlocker256px.png");
+ playerButtons.startSponsor.image.src = chrome.extension.getURL("icons/PlayerStartIconSponsorBlocker.svg");
playerButtons.startSponsor.button.setAttribute("title", chrome.i18n.getMessage("sponsorStart"));
}
}
@@ -1451,7 +1451,7 @@ function submitSponsorTimes() {
//called after all the checks have been made that it's okay to do so
async function sendSubmitMessage() {
// Add loading animation
- playerButtons.submit.image.src = chrome.extension.getURL("icons/PlayerUploadIconSponsorBlocker256px.png");
+ playerButtons.submit.image.src = chrome.extension.getURL("icons/PlayerUploadIconSponsorBlocker.svg");
playerButtons.submit.button.style.animation = "rotate 1s 0s infinite";
//check if a sponsor exceeds the duration of the video