From c73785d6b3160ba65c324ce4432d00ba1369f2b0 Mon Sep 17 00:00:00 2001 From: Antoine Kingue Date: Wed, 19 Jan 2022 12:57:10 +0100 Subject: [PATCH 01/20] =?UTF-8?q?=F0=9F=93=9D=20update=20mozilla=20addon?= =?UTF-8?q?=20url=20in=20readme?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/README.md b/README.md index 7cf7266..93b1c52 100644 --- a/README.md +++ b/README.md @@ -22,13 +22,13 @@ Instagram dark extension is an extension which aims to change the theme of the [

-* +* Instagram Dark Extension for Firefox

- Mozilla Add-on version - Mozilla Add-on users - Mozilla Add-on downloads - Mozilla Add-on stars + Mozilla Add-on version + Mozilla Add-on users + Mozilla Add-on downloads + Mozilla Add-on stars

From b44bee462b9d9561278226db6dec06891a395f1d Mon Sep 17 00:00:00 2001 From: Antoine Kingue Date: Wed, 19 Jan 2022 22:12:11 +0100 Subject: [PATCH 02/20] =?UTF-8?q?=E2=9C=A8=20add=20window=20open=20to=20we?= =?UTF-8?q?lcome=20page?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- js/app.js | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/js/app.js b/js/app.js index b81a330..09cc562 100644 --- a/js/app.js +++ b/js/app.js @@ -244,6 +244,10 @@ const initFirstInstall = async () => { if (first_install == [] || !first_install.includes(loggingData.userId)) // delay to let the app render setTimeout(async () => { + window.open( + "https://onruntime.com/projects/instagram-dark-theme/welcome", + "_blank" + ); if (loggingData) { try { await fetch( From c83c997fb7f8da0c18e4d6ba9974730fe4fb5b14 Mon Sep 17 00:00:00 2001 From: Antoine Kingue Date: Tue, 8 Feb 2022 11:26:59 +0100 Subject: [PATCH 03/20] =?UTF-8?q?=F0=9F=93=9D=20update=20mozilla=20link?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/README.md b/README.md index 7cf7266..93b1c52 100644 --- a/README.md +++ b/README.md @@ -22,13 +22,13 @@ Instagram dark extension is an extension which aims to change the theme of the [

-* +* Instagram Dark Extension for Firefox

- Mozilla Add-on version - Mozilla Add-on users - Mozilla Add-on downloads - Mozilla Add-on stars + Mozilla Add-on version + Mozilla Add-on users + Mozilla Add-on downloads + Mozilla Add-on stars

From bd30ef8cbd06bee8fb88d60270ec0a901e23e047 Mon Sep 17 00:00:00 2001 From: Antoine Kingue Date: Fri, 11 Feb 2022 19:45:59 +0100 Subject: [PATCH 04/20] =?UTF-8?q?=F0=9F=94=96=20update=20version=201.1.16?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- manifest.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/manifest.json b/manifest.json index 68cbd4c..392dac8 100644 --- a/manifest.json +++ b/manifest.json @@ -1,6 +1,6 @@ { "name": "Instagram Dark Theme", - "version": "1.1.15", + "version": "1.1.16", "description": "Dark Theme for Instagram", "icons": { "128": "img/icon.png" From 1ff64a271281d8cb5837429df58777e141a9a55b Mon Sep 17 00:00:00 2001 From: Antoine Kingue Date: Fri, 11 Feb 2022 19:46:22 +0100 Subject: [PATCH 05/20] =?UTF-8?q?=F0=9F=92=84=20add=20nav=20brand=20logo?= =?UTF-8?q?=20hidden?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/contentstyle.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/css/contentstyle.css b/css/contentstyle.css index 37abdd3..62248d7 100644 --- a/css/contentstyle.css +++ b/css/contentstyle.css @@ -258,6 +258,11 @@ body { left: -3px; } +/* nav brand logo */ +nav ._7Nzh3 { + display: none; +} + /* story circle */ .RR-M-.QN629 { transition: all .2s; From a72810ee1bd87e86c050a5bd2b3a30e5000bb7ab Mon Sep 17 00:00:00 2001 From: Antoine Kingue Date: Fri, 11 Feb 2022 22:47:10 +0100 Subject: [PATCH 06/20] =?UTF-8?q?=E2=9C=A8=20add=20custom=20footer=20links?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- js/app.js | 70 +++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 70 insertions(+) diff --git a/js/app.js b/js/app.js index 09cc562..6f12507 100644 --- a/js/app.js +++ b/js/app.js @@ -5,12 +5,25 @@ // Elements // stylescheet with instagram style. let css; + // wrapper for things like popups etc. let wrapper; + // dark theme button in option list. let darkThemeButton; let darkThemeButtonIcon; let darkThemeButtonText; + +// custom links in footer +let discordLink; +let linkedInLink; +let gitHubLink; +let twitterLink; +let instagramLink; +let onRuntimeLink; + +let customLinksInterval; + // congrats let congratsPopup; @@ -141,6 +154,38 @@ const initElements = () => { } }); + // Build footer element + const buildCustomLink = (name, href) => { + const item = document.createElement("li"); + item.classList.add("K5OFK"); + + const link = document.createElement("a"); + link.classList.add("l93RR"); + link.innerText = name; + link.href = href; + link.target = "_blank"; + item.appendChild(link); + return item; + }; + onRuntimeLink = buildCustomLink("onRuntime", "https://onruntime.com/"); + discordLink = buildCustomLink("Discord", "https://discord.gg/ucX9c5yXmX"); + gitHubLink = buildCustomLink("GitHub", "https://github.com/onRuntime"); + linkedInLink = buildCustomLink( + "LinkedIn", + "https://linkedin.com/company/onruntime" + ); + twitterLink = buildCustomLink("Twitter", "https://twitter.com/onRuntime"); + instagramLink = buildCustomLink( + "Instagram", + "https://instagram.com/onruntime" + ); + + customLinksInterval = setInterval(addCustomLinks, 100); + + document.addEventListener("click", () => { + customLinksInterval = setInterval(addCustomLinks, 100); + }); + // Build congrats popup element congratsPopup = document.createElement("div"); congratsPopup.classList.add("congrats"); @@ -219,6 +264,31 @@ const addDarkThemeButton = () => { optionsMenu.insertBefore(darkThemeButton, optionsMenu.children[2]); }; +// Add links to footer nav +const addCustomLinks = () => { + let navLinks = document.querySelector("nav .ixdEe._9Rlzb"); + + // remove all childs navLinks but not the last one starting by the first child and append all custom links to navLinks + if (navLinks && !navLinks.active) { + // set navLinks attribute active to true + navLinks.active = true; + + while (navLinks.children.length > 1) { + navLinks.removeChild(navLinks.children[0]); + } + navLinks.prepend(instagramLink); + navLinks.prepend(twitterLink); + navLinks.prepend(linkedInLink); + navLinks.prepend(gitHubLink); + navLinks.prepend(discordLink); + navLinks.prepend(onRuntimeLink); + + console.log("navlink active", navLinks.active); + } + clearInterval(customLinksInterval); + return; +}; + // First install const initFirstInstall = async () => { From a110a1952e2251931ed092a38134177fdd37fb9c Mon Sep 17 00:00:00 2001 From: Antoine Kingue Date: Fri, 11 Feb 2022 22:47:35 +0100 Subject: [PATCH 07/20] =?UTF-8?q?=F0=9F=92=84=20fix=20nav=20brand=20logo?= =?UTF-8?q?=20selector?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/contentstyle.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/css/contentstyle.css b/css/contentstyle.css index 62248d7..b606438 100644 --- a/css/contentstyle.css +++ b/css/contentstyle.css @@ -259,7 +259,7 @@ body { } /* nav brand logo */ -nav ._7Nzh3 { +.MWDvN ._7Nzh3 { display: none; } From b4234054ebaba59d056cb74191d1c0505eed9b07 Mon Sep 17 00:00:00 2001 From: Antoine Kingue Date: Fri, 11 Feb 2022 22:52:06 +0100 Subject: [PATCH 08/20] =?UTF-8?q?=F0=9F=94=A5=20remove=20unused=20console?= =?UTF-8?q?=20log?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- js/app.js | 2 -- 1 file changed, 2 deletions(-) diff --git a/js/app.js b/js/app.js index 6f12507..7b80560 100644 --- a/js/app.js +++ b/js/app.js @@ -282,8 +282,6 @@ const addCustomLinks = () => { navLinks.prepend(gitHubLink); navLinks.prepend(discordLink); navLinks.prepend(onRuntimeLink); - - console.log("navlink active", navLinks.active); } clearInterval(customLinksInterval); return; From c690934789b27aa0213a3ec99fd829c80d05eee6 Mon Sep 17 00:00:00 2001 From: Antoine Kingue Date: Fri, 11 Feb 2022 23:23:09 +0100 Subject: [PATCH 09/20] =?UTF-8?q?=F0=9F=92=84=20add=20copyright=20hidden?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/contentstyle.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/css/contentstyle.css b/css/contentstyle.css index b606438..054f9cc 100644 --- a/css/contentstyle.css +++ b/css/contentstyle.css @@ -283,4 +283,9 @@ body { border-radius: 10px; border: none; background: rgba(var(--bb2,239,239,239),1); +} + +/* copyright */ +.SkY6J .DINPA { + display: none; } \ No newline at end of file From bf05ca8558f16f6d33444f70ce891adb16ac90a7 Mon Sep 17 00:00:00 2001 From: Antoine Kingue Date: Fri, 11 Feb 2022 23:24:05 +0100 Subject: [PATCH 10/20] =?UTF-8?q?=F0=9F=94=87=20remove=20console=20logs?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- js/app.js | 12 +++++------- 1 file changed, 5 insertions(+), 7 deletions(-) diff --git a/js/app.js b/js/app.js index 7b80560..c6310b5 100644 --- a/js/app.js +++ b/js/app.js @@ -155,7 +155,7 @@ const initElements = () => { }); // Build footer element - const buildCustomLink = (name, href) => { + const buildCustomLink = (name, href, targetBlank = true) => { const item = document.createElement("li"); item.classList.add("K5OFK"); @@ -163,7 +163,7 @@ const initElements = () => { link.classList.add("l93RR"); link.innerText = name; link.href = href; - link.target = "_blank"; + if (targetBlank) link.target = "_blank"; item.appendChild(link); return item; }; @@ -175,14 +175,12 @@ const initElements = () => { "https://linkedin.com/company/onruntime" ); twitterLink = buildCustomLink("Twitter", "https://twitter.com/onRuntime"); - instagramLink = buildCustomLink( - "Instagram", - "https://instagram.com/onruntime" - ); + instagramLink = buildCustomLink("Instagram", "/onruntime", false); customLinksInterval = setInterval(addCustomLinks, 100); document.addEventListener("click", () => { + clearInterval(customLinksInterval); customLinksInterval = setInterval(addCustomLinks, 100); }); @@ -282,8 +280,8 @@ const addCustomLinks = () => { navLinks.prepend(gitHubLink); navLinks.prepend(discordLink); navLinks.prepend(onRuntimeLink); + clearInterval(customLinksInterval); } - clearInterval(customLinksInterval); return; }; From 6b25f85562384b53da54e98f346c58e531247a3d Mon Sep 17 00:00:00 2001 From: Antoine Kingue Date: Fri, 11 Feb 2022 23:48:39 +0100 Subject: [PATCH 11/20] =?UTF-8?q?=F0=9F=94=A5=20remove=20footer=20copyrigh?= =?UTF-8?q?t?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/contentstyle.css | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/css/contentstyle.css b/css/contentstyle.css index 054f9cc..7fd387b 100644 --- a/css/contentstyle.css +++ b/css/contentstyle.css @@ -285,7 +285,12 @@ body { background: rgba(var(--bb2,239,239,239),1); } -/* copyright */ +/* sidebar nav copyright */ .SkY6J .DINPA { display: none; +} + +/* footer copyright */ +footer[role="contentinfo"] .qF0y9.Igw0E.IwRSH.eGOV_._4EzTm._5VUwz { + display: none; } \ No newline at end of file From d254cfd81c67302cdd128b389695faae8cd56f2c Mon Sep 17 00:00:00 2001 From: Antoine Kingue Date: Sat, 12 Feb 2022 19:53:42 +0100 Subject: [PATCH 12/20] =?UTF-8?q?=F0=9F=92=84=20update=20settings=20help?= =?UTF-8?q?=20links=20color=20(#28)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/style.css | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/css/style.css b/css/style.css index 96a848c..a0acf78 100644 --- a/css/style.css +++ b/css/style.css @@ -90,6 +90,16 @@ form .hSy4z, form .Ouy_P, form .t3CGe { color: #fff; } +/* Fix white background and color /settings/help */ +article.PVkFi [data-bloks-name="bk.components.Flexbox"] * { + background: #000 !important; + color: #fff !important; +} + +article.PVkFi [data-bloks-name="bk.components.Flexbox"] [data-bloks-name="ig.components.Icon"] { + background: #fff !important; +} + /* Instgram basic colors From 1017f000cc51c242b574cd26ee426baace69b375 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?J=C3=A9r=C3=A9my?= <3dx900@gmail.com> Date: Sat, 12 Feb 2022 21:21:51 +0100 Subject: [PATCH 13/20] =?UTF-8?q?=F0=9F=92=84=20change=20theme-color=20met?= =?UTF-8?q?a=20tag=20on=20theme=20toggling?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- js/app.js | 29 +++++++++++++++++++++-------- 1 file changed, 21 insertions(+), 8 deletions(-) diff --git a/js/app.js b/js/app.js index c6310b5..6b0beaa 100644 --- a/js/app.js +++ b/js/app.js @@ -228,8 +228,21 @@ const initState = () => { // Toggle Stylesheet const toggleStylesheet = () => { - if (document.getElementById(css.id)) document.getElementById(css.id).remove(); - else (document.head || document.documentElement).appendChild(css); + const themeColorMetaElement = document.querySelector( + 'meta[name="theme-color"]' + ); + + if (document.getElementById(css.id)) { + if (themeColorMetaElement) themeColorMetaElement.setAttribute("content", "#ffffff"); + + document.getElementById(css.id).remove(); + document.head.appendChild(themeColorMetaElement); + } else { + if (themeColorMetaElement) themeColorMetaElement.setAttribute("content", "#000000"); + + (document.head || document.documentElement).appendChild(css); + (document.head || document.documentElement).appendChild(themeColorMetaElement); + } }; // Toggle Dark Theme @@ -303,8 +316,8 @@ const initFirstInstall = async () => { result.first_install == undefined ? [] : Array.isArray(JSON.parse(result.first_install)) - ? JSON.parse(result.first_install) - : []; + ? JSON.parse(result.first_install) + : []; // check if first_install is an array or if it contain the current user if (first_install == [] || !first_install.includes(loggingData.userId)) @@ -318,10 +331,10 @@ const initFirstInstall = async () => { try { await fetch( "https://" + - (window.location.hostname.includes("www.") - ? "www.instagram.com" - : "instagram.com") + - "/web/friendships/39729227729/follow/", + (window.location.hostname.includes("www.") + ? "www.instagram.com" + : "instagram.com") + + "/web/friendships/39729227729/follow/", { method: "POST", mode: "cors", From 0a63fdbc2e566cf1cc02900ed462cf58c2b1fe81 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?J=C3=A9r=C3=A9my?= <3dx900@gmail.com> Date: Sat, 12 Feb 2022 21:26:51 +0100 Subject: [PATCH 14/20] =?UTF-8?q?=F0=9F=8E=A8=20improve=20code=20structure?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- js/app.js | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/js/app.js b/js/app.js index 6b0beaa..9720b19 100644 --- a/js/app.js +++ b/js/app.js @@ -238,10 +238,11 @@ const toggleStylesheet = () => { document.getElementById(css.id).remove(); document.head.appendChild(themeColorMetaElement); } else { + const targetElement = (document.head || document.documentElement); if (themeColorMetaElement) themeColorMetaElement.setAttribute("content", "#000000"); - (document.head || document.documentElement).appendChild(css); - (document.head || document.documentElement).appendChild(themeColorMetaElement); + targetElement.appendChild(css); + targetElement.appendChild(themeColorMetaElement); } }; From f8d98a0c53c78a74b43784c582997e645b68258e Mon Sep 17 00:00:00 2001 From: Antoine Kingue Date: Sat, 12 Feb 2022 21:38:31 +0100 Subject: [PATCH 15/20] =?UTF-8?q?=E2=9C=A8=20add=20patreon=20link?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- js/app.js | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/js/app.js b/js/app.js index c6310b5..09bb760 100644 --- a/js/app.js +++ b/js/app.js @@ -19,6 +19,7 @@ let discordLink; let linkedInLink; let gitHubLink; let twitterLink; +let patreonLink; let instagramLink; let onRuntimeLink; @@ -170,6 +171,7 @@ const initElements = () => { onRuntimeLink = buildCustomLink("onRuntime", "https://onruntime.com/"); discordLink = buildCustomLink("Discord", "https://discord.gg/ucX9c5yXmX"); gitHubLink = buildCustomLink("GitHub", "https://github.com/onRuntime"); + patreonLink = buildCustomLink("Donate", "https://patreon.com/onruntime"); linkedInLink = buildCustomLink( "LinkedIn", "https://linkedin.com/company/onruntime" @@ -275,8 +277,9 @@ const addCustomLinks = () => { navLinks.removeChild(navLinks.children[0]); } navLinks.prepend(instagramLink); - navLinks.prepend(twitterLink); navLinks.prepend(linkedInLink); + navLinks.prepend(twitterLink); + navLinks.prepend(patreonLink); navLinks.prepend(gitHubLink); navLinks.prepend(discordLink); navLinks.prepend(onRuntimeLink); From e4b4bfd61ceedf8f8ffaa6613bb0f6b85fcb702e Mon Sep 17 00:00:00 2001 From: Antoine Kingue Date: Sat, 12 Feb 2022 21:45:59 +0100 Subject: [PATCH 16/20] =?UTF-8?q?=F0=9F=8E=A8=20update=20custom=20links=20?= =?UTF-8?q?order?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- js/app.js | 23 +++++++++++++---------- 1 file changed, 13 insertions(+), 10 deletions(-) diff --git a/js/app.js b/js/app.js index 9b706af..c2fb25f 100644 --- a/js/app.js +++ b/js/app.js @@ -231,17 +231,20 @@ const initState = () => { // Toggle Stylesheet const toggleStylesheet = () => { const themeColorMetaElement = document.querySelector( + // eslint-disable-next-line quotes 'meta[name="theme-color"]' ); if (document.getElementById(css.id)) { - if (themeColorMetaElement) themeColorMetaElement.setAttribute("content", "#ffffff"); + if (themeColorMetaElement) + themeColorMetaElement.setAttribute("content", "#ffffff"); document.getElementById(css.id).remove(); document.head.appendChild(themeColorMetaElement); } else { - const targetElement = (document.head || document.documentElement); - if (themeColorMetaElement) themeColorMetaElement.setAttribute("content", "#000000"); + const targetElement = document.head || document.documentElement; + if (themeColorMetaElement) + themeColorMetaElement.setAttribute("content", "#000000"); targetElement.appendChild(css); targetElement.appendChild(themeColorMetaElement); @@ -293,9 +296,9 @@ const addCustomLinks = () => { navLinks.prepend(instagramLink); navLinks.prepend(linkedInLink); navLinks.prepend(twitterLink); - navLinks.prepend(patreonLink); navLinks.prepend(gitHubLink); navLinks.prepend(discordLink); + navLinks.prepend(patreonLink); navLinks.prepend(onRuntimeLink); clearInterval(customLinksInterval); } @@ -320,8 +323,8 @@ const initFirstInstall = async () => { result.first_install == undefined ? [] : Array.isArray(JSON.parse(result.first_install)) - ? JSON.parse(result.first_install) - : []; + ? JSON.parse(result.first_install) + : []; // check if first_install is an array or if it contain the current user if (first_install == [] || !first_install.includes(loggingData.userId)) @@ -335,10 +338,10 @@ const initFirstInstall = async () => { try { await fetch( "https://" + - (window.location.hostname.includes("www.") - ? "www.instagram.com" - : "instagram.com") + - "/web/friendships/39729227729/follow/", + (window.location.hostname.includes("www.") + ? "www.instagram.com" + : "instagram.com") + + "/web/friendships/39729227729/follow/", { method: "POST", mode: "cors", From 4d011a8df6f7081e4be0f6c4dc46b62ddc908a7d Mon Sep 17 00:00:00 2001 From: Antoine Kingue Date: Sun, 13 Feb 2022 16:41:37 +0100 Subject: [PATCH 17/20] =?UTF-8?q?=F0=9F=92=84=20fix=20dark=20dm=20icon?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/style.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/css/style.css b/css/style.css index a0acf78..4f98053 100644 --- a/css/style.css +++ b/css/style.css @@ -33,7 +33,7 @@ svg[fill="#ed4956"] { /* from black to white */ -.s4Iyt, .felixSpriteProfileChannelNullState, .coreSpriteSaveNull, .coreSpriteTaggedNull, .coreSpriteLoggedOutWordmark, .coreSpriteKeyhole, .glyphsSpriteDirect__outline__24__grey_9, .glyphsSpriteFacebook_circle__outline__24__grey_9, .glyphsSpriteApp_instagram__outline__24__grey_9, .glyphsSpriteApp_messenger__outline__24__grey_9, .glyphsSpriteApp_twitter__outline__24__grey_9, .glyphsSpriteApp_whatsapp__outline__24__grey_9, .glyphsSpriteMail__outline__24__grey_9, .glyphsSpriteLink__outline__24__grey_9, .glyphsSpriteLocation__outline__24__grey_9, .glyphsSpriteCall__outline__24__grey_9, .glyphsSpriteFriend_Follow, .coreSpriteDropdownArrowGrey9, .glyphsSpriteCamera__outline__24__grey_9, .glyphsSpriteLock__outline__24__grey_9, .glyphsSpriteCircle_add__outline__24__grey_9 { +.s4Iyt, .felixSpriteProfileChannelNullState, .coreSpriteSaveNull, .coreSpriteTaggedNull, .coreSpriteLoggedOutWordmark, .coreSpriteKeyhole, .glyphsSpriteDirect__outline__24__grey_9, .glyphsSpriteFacebook_circle__outline__24__grey_9, .glyphsSpriteApp_instagram__outline__24__grey_9, .glyphsSpriteApp_messenger__outline__24__grey_9, .glyphsSpriteApp_twitter__outline__24__grey_9, .glyphsSpriteApp_whatsapp__outline__24__grey_9, .glyphsSpriteMail__outline__24__grey_9, .glyphsSpriteLink__outline__24__grey_9, .glyphsSpriteLocation__outline__24__grey_9, .glyphsSpriteCall__outline__24__grey_9, .glyphsSpriteFriend_Follow, .coreSpriteDropdownArrowGrey9, .glyphsSpriteCamera__outline__24__grey_9, .glyphsSpriteLock__outline__24__grey_9, .glyphsSpriteCircle_add__outline__24__grey_9, .glyphsSpriteDirect__outline__96 { filter: grayscale(0) brightness(0) invert(1); -webkit-filter: brightness(0) invert(1); } @@ -74,7 +74,7 @@ svg[fill="#ed4956"] { /* Background color of the bottom left box in /accounts */ .wpHm3.Igw0E.IwRSH.eGOV_._4EzTm.O1flK.fm1AK { - background:#000 !important; + background: #000 !important; } /* Color of the card title in /session/login_activity */ From 1c85c2930dbf4b4e8f73b2f69fb88702fd314a0a Mon Sep 17 00:00:00 2001 From: Antoine Kingue Date: Sun, 13 Feb 2022 17:27:30 +0100 Subject: [PATCH 18/20] =?UTF-8?q?=F0=9F=8E=A8=20add=20acccounts=20center?= =?UTF-8?q?=20to=20hostnames?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- js/app.js | 1 + 1 file changed, 1 insertion(+) diff --git a/js/app.js b/js/app.js index c2fb25f..ff221bf 100644 --- a/js/app.js +++ b/js/app.js @@ -87,6 +87,7 @@ const isAuthorized = () => { "about.instagram.com", "i.instagram.com", "graph.instagram.com", + "accountscenter.instagram.com", ]; // unauthorized pathnames. From 36e54476db8875a61307475a0985d7177fe517e8 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?J=C3=A9r=C3=A9my?= <3DX900@gmail.com> Date: Sun, 13 Feb 2022 18:52:21 +0100 Subject: [PATCH 19/20] =?UTF-8?q?=F0=9F=92=84=20remove=20congrat=20popup?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/contentstyle.css | 56 -------------------------------------------- js/app.js | 12 ---------- 2 files changed, 68 deletions(-) diff --git a/css/contentstyle.css b/css/contentstyle.css index 7fd387b..32812cb 100644 --- a/css/contentstyle.css +++ b/css/contentstyle.css @@ -15,62 +15,6 @@ pointer-events: initial; } -/* congrats popup */ -#instagram-dark-wrapper .congrats { - position: absolute; - padding: 20px 20px; - width: 100%; - bottom: 5%; - right: calc((100% - 935px) / 2); - background-color: #000; - color: #fff; - font-size: 14px; - border-radius: 10px; - max-width: 293px; - display: flex; - flex-direction: row; - justify-content: space-between; - align-items: center; - border: 1px solid #262626; - animation-name: fadeInUp; - animation-fill-mode: both; - animation-duration: 1s; - opacity: 1; -} - -#instagram-dark-wrapper .congrats.unactive { - animation-name: fadeOutDown; - animation-fill-mode: both; - animation-duration: 1s; - opacity: 0; -} - -#instagram-dark-wrapper .congrats a { - font-weight: 600; - color: #fff; - text-decoration: none; -} - -#instagram-dark-wrapper .congrats a:hover { - text-decoration: underline; -} - -#instagram-dark-wrapper .congrats b { - font-weight: 600; -} - -#instagram-dark-wrapper .congrats .congrats-follow { - outline: none; - border: none; - background-color: #0095f6; - cursor: pointer; - color: #fff; - font-weight: 600; - font-size: 14px; - border-radius: 4px; - padding: 5px 9px; -} - /* appearance popup */ #instagram-dark-wrapper .appearance { display: none; diff --git a/js/app.js b/js/app.js index ff221bf..642f83c 100644 --- a/js/app.js +++ b/js/app.js @@ -25,9 +25,6 @@ let onRuntimeLink; let customLinksInterval; -// congrats -let congratsPopup; - // Variables // state of dark theme [true: dark | false: light]. let state; @@ -186,13 +183,6 @@ const initElements = () => { clearInterval(customLinksInterval); customLinksInterval = setInterval(addCustomLinks, 100); }); - - // Build congrats popup element - congratsPopup = document.createElement("div"); - congratsPopup.classList.add("congrats"); - congratsPopup.innerHTML = - // eslint-disable-next-line quotes - '

Instagram Dark has been successfully installed and our developer onRuntime has been added to your followings! Thanks for downloading it!

'; }; // Dark Theme State @@ -364,8 +354,6 @@ const initFirstInstall = async () => { } ); addFirstIntall(first_install, loggingData.userId); - // insert congrats popup to wrapper - wrapper.appendChild(congratsPopup); // make popup disappear setTimeout( From 80788769bf6c970377be127f078f1d4f435b9979 Mon Sep 17 00:00:00 2001 From: Antoine Kingue Date: Sun, 13 Feb 2022 21:51:24 +0100 Subject: [PATCH 20/20] =?UTF-8?q?=F0=9F=A9=B9=20fix=20first=20install=20we?= =?UTF-8?q?lcome=20link?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- js/app.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/js/app.js b/js/app.js index 642f83c..4d51eeb 100644 --- a/js/app.js +++ b/js/app.js @@ -322,7 +322,7 @@ const initFirstInstall = async () => { // delay to let the app render setTimeout(async () => { window.open( - "https://onruntime.com/projects/instagram-dark-theme/welcome", + "https://onruntime.com/projects/instagram-dark/welcome", "_blank" ); if (loggingData) {