Skip to content

Commit

Permalink
Browse files Browse the repository at this point in the history
Updated to new WA version
  • Loading branch information
LukasLen committed Nov 22, 2020
1 parent 25c8671 commit 6f9c8e6
Show file tree
Hide file tree
Showing 16 changed files with 162 additions and 160 deletions.
2 changes: 1 addition & 1 deletion docs/index.html
Expand Up @@ -18,7 +18,7 @@
<div class="content">
<h1>Privacy Extension For WhatsApp™ Web</h1>
<img src="https://github.com/LukasLen/Privacy-Extension-For-WhatsApp-Web/blob/master/src/images/logo.svg?raw=true" class="logo" alt="Logo">
<p class="download">15.000 Users. Available for <a href="https://chrome.google.com/webstore/detail/privacy-extension-for-wha/jbojhlhhggfmmkpefknmbdhlaghehini">Chrome</a> and <a href="https://addons.mozilla.org/de/firefox/addon/privacy-extension-for-whatsapp/">Firefox</a>.</p>
<p class="download">20.000 Users. Available for <a href="https://chrome.google.com/webstore/detail/privacy-extension-for-wha/jbojhlhhggfmmkpefknmbdhlaghehini">Chrome</a> and <a href="https://addons.mozilla.org/de/firefox/addon/privacy-extension-for-whatsapp/">Firefox</a>.</p>
<div class="screenshots">
<a href="https://github.com/LukasLen/Privacy-Extension-For-WhatsApp-Web/blob/master/screenshots/PFWA_Header.png?raw=true" target="_blank"><img src="https://github.com/LukasLen/Privacy-Extension-For-WhatsApp-Web/blob/master/screenshots/PFWA_Header_Thumb.png?raw=true" alt="Screenshot: Reveal messages on hover."></a>
<a href="https://github.com/LukasLen/Privacy-Extension-For-WhatsApp-Web/blob/master/screenshots/PFWA_Settings.png?raw=true" target="_blank"><img src="https://github.com/LukasLen/Privacy-Extension-For-WhatsApp-Web/blob/master/screenshots/PFWA_Settings_Thumb.png?raw=true" alt="Screenshot: Customize what you want to blur."></a>
Expand Down
15 changes: 15 additions & 0 deletions src/background.js
Expand Up @@ -39,3 +39,18 @@ chrome.commands.onCommand.addListener(function(command) {
});
}
});

//set icon depending on extension status
function toggleIcon(status){
chrome.browserAction.setIcon({path:'images/status' + (status == true ? 'On' : 'Off') + '.png'});
}

chrome.storage.onChanged.addListener(function(changes, area) {
if (area == "sync" && "on" in changes) {
toggleIcon(changes.on.newValue);
}
});

chrome.storage.sync.get(['on'], function(data) {
toggleIcon(data.on);
});
8 changes: 4 additions & 4 deletions src/css/mediaGallery.css
@@ -1,12 +1,12 @@
._2n28r /*media preview in gallery*/,
.TZVqr /*media preview in send media*/
._2Uxkh /*media preview in gallery*/,
._2NR6P /*media preview in send media*/
{
filter: blur(12px) grayscale(1);
transition-delay: 0s;
}

._2n28r:hover /*media preview in gallery*/,
.TZVqr:hover /*media preview in send media*/
._2Uxkh:hover /*media preview in gallery*/,
._2NR6P:hover /*media preview in send media*/
{
filter: blur(0) grayscale(0);
transition-delay: 0.3s;
Expand Down
32 changes: 16 additions & 16 deletions src/css/mediaPreview.css
@@ -1,23 +1,23 @@
._39rvu /*image preview*/,
._15rLL * /*gif preview*/,
.eD3kt /*video preview*/,
._2UMoT /*media reply thumb*/,
._5gAn- /*yt link reply thumb*/,
._19AnP /*image send preview*/,
._2Y1s9 /*file preview*/,
._3k4oG /*link preview*/
._2ggGe /*image preview*/,
.QnPmY * /*gif preview*/,
._2MrqQ /*video preview*/,
.Y2pgK /*media reply thumb*/,
._3Lgvh /*yt link reply thumb*/,
._1cbSY /*image send preview*/,
._1kOOx /*file preview*/,
._1OOH5 /*link preview*/
{
filter: blur(20px) grayscale(1);
transition-delay: 0s;
}
._39rvu:hover /*image preview*/,
._15rLL:hover * /*gif preview*/,
.va0ao:hover .eD3kt /*video preview*/,
._2UMoT:hover /*media reply thumb*/,
._5gAn-:hover /*yt link reply thumb*/,
._19AnP:hover /*image send preview*/,
._2Y1s9:hover /*file preview*/,
._3k4oG:hover /*link preview*/
._2ggGe:hover /*image preview*/,
.QnPmY:hover * /*gif preview*/,
._2nJ1e:hover ._2MrqQ /*video preview*/,
.Y2pgK:hover /*media reply thumb*/,
._3Lgvh:hover /*yt link reply thumb*/,
._1cbSY:hover /*image send preview*/,
._1kOOx:hover /*file preview*/,
._1OOH5:hover /*link preview*/
{
filter: blur(0) grayscale(0);
-webkit-transition: -webkit-filter .16s linear;
Expand Down
52 changes: 26 additions & 26 deletions src/css/messages.css
@@ -1,49 +1,49 @@
._274yw /*normal message*/,
._2uArY /*Gallery link preview*/,
._39Y7t /*blue info bar*/
._1dB-m /*normal message*/,
._1MYBw /*Gallery link preview*/,
._203bP /*blue info bar*/
{
filter: blur(8px) grayscale(1);
transition-delay: 0s;
}
._274yw /*normal message more padding*/
._1dB-m /*normal message more padding*/
{
padding-right: 40px !important;
padding-top: 12px !important;
padding-bottom: 12px !important;
}

.xOg_4 /*image*/,
.S9d8c /*video*/,
._1TGsd /*file*/,
._3D5PJ /*voice message*/,
._1Yj6K /*position*/,
._3S3Sz /*contact share*/,
._1BgKX /*multiple contact share*/,
._3gBQS /*GIF*/,
._1F528 /*Sticker*/
.NSNJN /*image*/,
._3Da1E /*video*/,
._23z4j /*file*/,
._3ojHs /*voice message*/,
._3O9Gs /*position*/,
._7JsyP /*contact share*/,
._3-1wf /*multiple contact share*/,
._3Um8Y /*GIF*/,
._23kzp /*Sticker*/
{
filter: blur(20px) grayscale(1);
transition-delay: 0s;
}

._274yw:hover /*normal message*/,
._2uArY:hover /*Gallery link preview*/,
._39Y7t:hover /*blue info bar*/,
.xOg_4:hover /*image*/,
.S9d8c:hover /*video*/,
._1TGsd:hover /*file*/,
._3D5PJ:hover /*voice message*/,
._1Yj6K:hover /*position*/,
._3S3Sz:hover /*contact share*/,
._1BgKX:hover /*multiple contact share*/,
._3gBQS:hover /*GIF*/,
._1F528:hover /*Sticker*/
._1dB-m:hover /*normal message*/,
._1MYBw:hover /*Gallery link preview*/,
._203bP:hover /*blue info bar*/,
.NSNJN:hover /*image*/,
._3Da1E:hover /*video*/,
._23z4j:hover /*file*/,
._3ojHs:hover /*voice message*/,
._3O9Gs:hover /*position*/,
._7JsyP:hover /*contact share*/,
._3-1wf:hover /*multiple contact share*/,
._3Um8Y:hover /*GIF*/,
._23kzp:hover /*Sticker*/
{
filter: blur(0) grayscale(0);
transition-delay: 0.3s;
}

._2_Dd_ /*set pseudo background on sticker*/
._1Sikt /*set pseudo background on sticker*/
{
background-color: #dcf8c6 !important;
border-radius: 7.5px !important;
Expand Down
4 changes: 2 additions & 2 deletions src/css/messagesPreview.css
@@ -1,10 +1,10 @@
._3tBW6 /*message preview*/
.fqPQb /*message preview*/
{
filter: blur(8px) grayscale(1);
transition-delay: 0s;
}

._3tBW6:hover /*message preview*/
.fqPQb:hover /*message preview*/
{
filter: blur(0) grayscale(0);
transition-delay: 0.3s;
Expand Down
42 changes: 20 additions & 22 deletions src/css/name.css
@@ -1,30 +1,28 @@
._3CneP /*List user/group name*/,
.DP7CM /*Top user/group name*/,
._2ruUq /*Top group user preview*/,
.YZNwM /*Details username*/,
._1_1Jb /*Details username ~nickname*/,
._IqKu /*Starred messages username*/,
._2FVVk /*Details group name*/,
._3sKYI /*Group description*/,
.I9WJJ ._9l3wT /*About user*/,
.selectable-text ._1X4JR /*About user phone number*//*,
.MVjBr ._2lc14 *//*Message in chat*/
._3Tw1q /*List user/group name*/,
.YEe1t /*Top user/group name*/,
._2Gdma /*Top group user preview*/,
._3ZYWe /*Details username*/,
._3rGLp /*Details username ~nickname*/,
._3Tiru /*Starred messages username*/,
._21Cgd /*Details group name*/,
.SMGPj ._1hI5g /*About user*/,
.selectable-text ._3Tk1z /*About user phone number*//*,
._19038 *//*Message in chat*/
{
filter: blur(5px) grayscale(1);
transition-delay: 0s;
}

._3CneP:hover /*List user/group name*/,
.DP7CM:hover /*Top user/group name*/,
._2ruUq:hover /*Top group user preview*/,
.YZNwM:hover /*Details username*/,
._1_1Jb:hover /*Details username ~nickname*/,
._IqKu:hover /*Starred messages username*/,
._2FVVk:hover /*Details group name*/,
._3sKYI:hover /*Group description*/,
.I9WJJ ._9l3wT:hover /*About user*/,
.selectable-text ._1X4JR:hover /*About user phone number*//*,
.MVjBr ._2lc14:hover *//*Message in chat*/
._3Tw1q:hover /*List user/group name*/,
.YEe1t:hover /*Top user/group name*/,
._2Gdma:hover /*Top group user preview*/,
._3ZYWe:hover /*Details username*/,
._3rGLp:hover /*Details username ~nickname*/,
._3Tiru:hover /*Starred messages username*/,
._21Cgd:hover /*Details group name*/,
.SMGPj ._1hI5g:hover /*About user*/,
.selectable-text ._3Tk1z:hover /*About user phone number*//*,
._19038:hover *//*Message in chat*/
{
filter: blur(0) grayscale(0);
transition-delay: 0.3s;
Expand Down
71 changes: 35 additions & 36 deletions src/css/noDelay.css
@@ -1,50 +1,49 @@
/* mediaGallery */
._2n28r:hover /*media preview in gallery*/,
.TZVqr:hover /*media preview in send media*/,
._2Uxkh:hover /*media preview in gallery*/,
._2NR6P:hover /*media preview in send media*/,

/* mediaPreview */
._39rvu:hover /*image preview*/,
._15rLL:hover * /*gif preview*/,
.va0ao:hover .eD3kt /*video preview*/,
._2UMoT:hover /*media reply thumb*/,
._5gAn-:hover /*yt link reply thumb*/,
._19AnP:hover /*image send preview*/,
._2Y1s9:hover /*file preview*/,
._3k4oG:hover /*link preview*/,
._2ggGe:hover /*image preview*/,
.QnPmY:hover * /*gif preview*/,
._2nJ1e:hover ._2MrqQ /*video preview*/,
.Y2pgK:hover /*media reply thumb*/,
._3Lgvh:hover /*yt link reply thumb*/,
._1cbSY:hover /*image send preview*/,
._1kOOx:hover /*file preview*/,
._1OOH5:hover /*link preview*/,

/* messages */
._274yw:hover /*normal message*/,
._2uArY:hover /*Gallery link preview*/,
._39Y7t:hover /*blue info bar*/,
.xOg_4:hover /*image*/,
.S9d8c:hover /*video*/,
._1TGsd:hover /*file*/,
._3D5PJ:hover /*voice message*/,
._1Yj6K:hover /*position*/,
._3S3Sz:hover /*contact share*/,
._1BgKX:hover /*multiple contact share*/,
._3gBQS:hover /*GIF*/,
._1F528:hover /*Sticker*/
._1dB-m:hover /*normal message*/,
._1MYBw:hover /*Gallery link preview*/,
._203bP:hover /*blue info bar*/,
.NSNJN:hover /*image*/,
._3Da1E:hover /*video*/,
._23z4j:hover /*file*/,
._3ojHs:hover /*voice message*/,
._3O9Gs:hover /*position*/,
._7JsyP:hover /*contact share*/,
._3-1wf:hover /*multiple contact share*/,
._3Um8Y:hover /*GIF*/,
._23kzp:hover /*Sticker*/,

/* messagesPreview */
._3tBW6:hover /*message preview*/,
.fqPQb:hover /*message preview*/,

/* name */
._3CneP:hover /*List user/group name*/,
.DP7CM:hover /*Top user/group name*/,
._2ruUq:hover /*Top group user preview*/,
.YZNwM:hover /*Details username*/,
._1_1Jb:hover /*Details username ~nickname*/,
._IqKu:hover /*Starred messages username*/,
._2FVVk:hover /*Details group name*/,
._3sKYI:hover /*Group description*/,
.I9WJJ ._9l3wT:hover /*About user*/,
.selectable-text ._1X4JR:hover /*About user phone number*//*,
.MVjBr ._2lc14:hover *//*Message in chat*/,
._3Tw1q:hover /*List user/group name*/,
.YEe1t:hover /*Top user/group name*/,
._2Gdma:hover /*Top group user preview*/,
._3ZYWe:hover /*Details username*/,
._3rGLp:hover /*Details username ~nickname*/,
._3Tiru:hover /*Starred messages username*/,
._21Cgd:hover /*Details group name*/,
.SMGPj ._1hI5g:hover /*About user*/,
.selectable-text ._3Tk1z:hover /*About user phone number*//*,
._19038:hover *//*Message in chat*/,

/* profilePic */
._1BjNO:hover /*profile pic*/,
._3X-61:hover /*Details profile pic*/
._1l12d:hover /*profile pic*/,
.VVPdM:hover /*Details profile pic*/
{
transition-delay: 0.04s !important;
-webkit-transition-duration: 0s !important;
Expand Down
8 changes: 4 additions & 4 deletions src/css/profilePic.css
@@ -1,16 +1,16 @@
._1BjNO /*profile pic*/
._1l12d /*profile pic*/
{
filter: blur(7px) grayscale(1);
transition-delay: 0s;
}
._3X-61 /*Details profile pic*/
.VVPdM /*Details profile pic*/
{
filter: blur(12px) grayscale(1);
transition-delay: 0s;
}

._1BjNO:hover /*profile pic*/,
._3X-61:hover /*Details profile pic*/
._1l12d:hover /*profile pic*/,
.VVPdM:hover /*Details profile pic*/
{
filter: blur(0) grayscale(0);
transition-delay: 0.3s;
Expand Down
2 changes: 1 addition & 1 deletion src/css/textInput.css
@@ -1,4 +1,4 @@
._3FRCZ /*textarea*/
._1awRl /*textarea*/
{
color: #dadada !important;
filter: grayscale(1);
Expand Down

0 comments on commit 6f9c8e6

Please sign in to comment.