From 053eda4e5e5db66aed28c49dca1d00b7bf3726b8 Mon Sep 17 00:00:00 2001 From: Antoine Kingue Date: Mon, 30 Aug 2021 16:05:06 +0200 Subject: [PATCH 1/3] =?UTF-8?q?=F0=9F=93=9D=20update=20readme=20installati?= =?UTF-8?q?on?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 31 ++++++++++++++++++++++++------- 1 file changed, 24 insertions(+), 7 deletions(-) diff --git a/README.md b/README.md index 6aa6792..7cf7266 100644 --- a/README.md +++ b/README.md @@ -14,18 +14,35 @@ Instagram dark extension is an extension which aims to change the theme of the [ ## Installation -* Instagram Dark Extension for Chrome -

Chrome Web Store version Chrome Web Store users

 +* + Instagram Dark Extension for Chrome +

+ Chrome Web Store version + Chrome Web Store users +

+ -* Instagram Dark Extension for Firefox -

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

 +* + Instagram Dark Extension for Firefox +

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

+ -* Instagram Dark Extension for Edge -

Edge Add-on version Edge Add-on users

 +* + Instagram Dark Extension for Edge +

+ Edge Add-on version + Edge Add-on users +

+ ## Usage -[Demo video](https://youtu.be/5rN5d45Rt7Y) +[Demo video](https://youtu.be/lTHWX66-kUg) ## Support From 55e5225918bd0900392054998cfa31b94518c201 Mon Sep 17 00:00:00 2001 From: Antoine Kingue Date: Mon, 30 Aug 2021 18:10:31 +0200 Subject: [PATCH 2/3] =?UTF-8?q?=F0=9F=92=84=20add=20custom=20font=20redesi?= =?UTF-8?q?gn?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/contentstyle.css | 93 ++++++++++++++++++++++++++++++++++++++++++++ manifest.json | 3 +- 2 files changed, 95 insertions(+), 1 deletion(-) diff --git a/css/contentstyle.css b/css/contentstyle.css index 73fab14..c859434 100644 --- a/css/contentstyle.css +++ b/css/contentstyle.css @@ -71,6 +71,89 @@ padding: 5px 9px; } +/* appearance popup */ +#instagram-dark-wrapper .appearance { + display: none; + width: 100%; + height: 100%; + background-color: rgba(91, 112, 131, 0.4); + display: flex; + align-items: center; + justify-content: center; +} + +#instagram-dark-wrapper .appearance .appearance-container { + min-width: 600px; + max-width: 80vw; + background-color: rgba(var(--d87,255,255,255),1); + padding: 15px; + border-radius: 12px; +} + +#instagram-dark-wrapper .appearance .appearance-container .appearance-header { + display: flex; + flex-direction: column; + align-items: center; + text-align: center; + margin: 30px 0; +} + +#instagram-dark-wrapper .appearance .appearance-container .appearance-header .appearance-header-title { + font-size: 20px; + font-weight: 600; +} + +#instagram-dark-wrapper .appearance .appearance-container .appearance-header .appearance-header-description { + margin-top: 15px; + color: rgba(var(--f52,142,142,142),1); +} + +#instagram-dark-wrapper .appearance .appearance-container .appearance-categories { + margin-top: 15px; +} + +#instagram-dark-wrapper .appearance .appearance-container .appearance-categories .appearance-category { + margin-top: 10px; +} + +#instagram-dark-wrapper .appearance .appearance-container .appearance-categories .appearance-category:first-child { + margin-top: 0; +} + +#instagram-dark-wrapper .appearance .appearance-container .appearance-categories .appearance-category .appearance-category-title { + font-weight: 600; +} + +#instagram-dark-wrapper .appearance .appearance-container .appearance-categories .appearance-category .appearance-category-selector { + margin-top: 5px; + padding: 10px; + display: flex; + flex-direction: row; + background-color: rgba(var(--f52,142,142,142),1); + border-radius: 12px; +} + +#instagram-dark-wrapper .appearance .appearance-container .appearance-categories .appearance-category .appearance-category-selector .appearance-category-selector-card { + flex: 1; + display: flex; + align-items: center; + justify-content: center; + text-align: center; + background-color: red; + border-radius: 12px; + margin: 0 5px; + min-height: 50px; + cursor: pointer; +} + +#instagram-dark-wrapper .appearance .appearance-container .appearance-categories .appearance-category .appearance-category-selector .appearance-category-selector-card:first-child { + margin-left: 0; +} + +#instagram-dark-wrapper .appearance .appearance-container .appearance-categories .appearance-category .appearance-category-selector .appearance-category-selector-card:last-child { + margin-right: 0; +} + /* toggle dark button */ #instagram-dark-toggle-button { display: flex; @@ -118,6 +201,16 @@ /* Redesign */ +/* font */ +@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); + +body, +input, +button, +textarea { + font-family: 'Poppins', sans-serif !important; +} + /* scrollbar */ html, body { diff --git a/manifest.json b/manifest.json index db45f56..f2a3341 100644 --- a/manifest.json +++ b/manifest.json @@ -24,6 +24,7 @@ "img/*" ], "permissions": [ - "storage" + "storage", + "*://fonts.googleapis.com/" ] } \ No newline at end of file From 4c403361d79c253aeb38f4b2c587dbb44d32b9bc Mon Sep 17 00:00:00 2001 From: Antoine Kingue Date: Mon, 30 Aug 2021 18:11:05 +0200 Subject: [PATCH 3/3] =?UTF-8?q?=F0=9F=94=96=20update=20version=201.1.12?= 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 f2a3341..9051123 100644 --- a/manifest.json +++ b/manifest.json @@ -1,6 +1,6 @@ { "name": "Instagram Dark Theme", - "version": "1.1.11", + "version": "1.1.12", "description": "Dark Theme for Instagram", "icons": { "128": "img/icon.png"