# Forgotten test ? resistFingerprinting button background color

**URL:** <https://forum.inductiveautomation.com/t/forgotten-test-resistfingerprinting-button-background-color/72320>\
**Category:** Ignition\
**Tags:** ignition81, perspective\
**Created:** [April 11, 2023, 6:01pm UTC](https://forum.inductiveautomation.com/t/forgotten-test-resistfingerprinting-button-background-color/72320 "2023-04-11T18:01:10Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![automatisation](https://avatars.discourse-cdn.com/v4/letter/a/94ad74/32.png) [@automatisation](https://forum.inductiveautomation.com/u/automatisation)\
**Post date:** [April 11, 2023, 6:01pm UTC](https://forum.inductiveautomation.com/t/forgotten-test-resistfingerprinting-button-background-color/72320/1 "2023-04-11T18:01:10Z")

</div>

Version 8.1.24  
In Firefox, when the "privacy.resistFingerprinting" option is enabled, the background color of buttons are randomly changed.  
Example :  
option disabled :  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/b/0/b08edcd2016f5aee3223acc0ec2df4c1909b8453.png)

option enabled :  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/4/5/4584e40c346654cd039e6a64beecbc930720643f.png)

It's a funny thing when still developing new views but it won't be the same when it hits production use.  
I'm pretty sure I can't ask users to disable this firefox setting.  
Is there a way to prevent this ?

---

<div class="post-metadata">

**Author:** ![ynejati](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/ynejati/32/6093_2.png) [@ynejati](https://forum.inductiveautomation.com/u/ynejati)\
**Post date:** [April 11, 2023, 6:27pm UTC](https://forum.inductiveautomation.com/t/forgotten-test-resistfingerprinting-button-background-color/72320/2 "2023-04-11T18:27:58Z")

</div>

We don't test Firefox settings. I'd recommend opening up the browser's developer tools, (right click + inspect), and inspecting the style being applied to the elements. Determine where they are coming from and then override them by either using our theming feature or our advanced style sheet.

---

<div class="post-metadata">

**Author:** ![automatisation](https://avatars.discourse-cdn.com/v4/letter/a/94ad74/32.png) [@automatisation](https://forum.inductiveautomation.com/u/automatisation)\
**Post date:** [April 11, 2023, 7:07pm UTC](https://forum.inductiveautomation.com/t/forgotten-test-resistfingerprinting-button-background-color/72320/3 "2023-04-11T19:07:24Z")

</div>

There is already a style applied to them :  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/8/6/86a5bdad3294208489510270ac39fe2a5ef828c6.png)

Reflected by the html taken from inspect (when privacy.resistFingerprinting is disabled) :

```auto
<button data-component="ia.input.button" data-component-path="C$0:1:5:1[6].0:0:1:0" style="background-color: rgba(0, 0, 0, 0); border-style: none; margin-bottom: 4px; flex: 1 1 30px;" class="ia_button--secondary button-secondary ia-button popup-not-draggable"><div style="flex-direction: row; align-items: center; justify-content: center;"><img src="/system/images/Builtin/Adfast/SVG/parametrable.svg" style="height: 24px; width: 24px;"></div></button>

```

But as soon as privacy.resistFingerprinting is enabled, my style is overridden :

```auto
<button data-component="ia.input.button" data-component-path="C$0:1:5:1[6].0:0:1:0" style="background-color: rgba(240, 235, 19, 0.796); border-style: none; margin-bottom: 4px; flex: 1 1 30px;" class="ia_button--secondary button-secondary ia-button popup-not-draggable"><div style="flex-direction: row; align-items: center; justify-content: center;"><img src="/system/images/Builtin/Adfast/SVG/parametrable.svg" style="height: 24px; width: 24px;"></div></button>

```

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/9/1/916e3125f89156a8d1dbf4cf76276de8e8731701.png)

Same thing when changing theme from default (light) to dark :

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/e/9/e9954d323c695d7dc839d2fb88bbde5e56e006ee.png)

I've never tried the advanced syle sheet but can give it a go. I fear it will be the same though.

Maybe the issue is on the Firefox side, I have no clue.

---

<div class="post-metadata">

**Author:** ![paul-griffith](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/paul-griffith/32/37249_2.png) [@paul-griffith](https://forum.inductiveautomation.com/u/paul-griffith)\
**Post date:** [April 11, 2023, 7:15pm UTC](https://forum.inductiveautomation.com/t/forgotten-test-resistfingerprinting-button-background-color/72320/4 "2023-04-11T19:15:41Z")

</div>

Do you have high contrast mode set at the OS level?

> **[1330876 - use properly contrasting colors if the desktop theme specifies...](https://bugzilla.mozilla.org/show_bug.cgi?id=1330876)**
>
> RESOLVED (chungshengfu) in Core - Graphics: Color Management. Last updated 2018-08-22.

---

<div class="post-metadata">

**Author:** ![automatisation](https://avatars.discourse-cdn.com/v4/letter/a/94ad74/32.png) [@automatisation](https://forum.inductiveautomation.com/u/automatisation)\
**Post date:** [April 11, 2023, 7:17pm UTC](https://forum.inductiveautomation.com/t/forgotten-test-resistfingerprinting-button-background-color/72320/5 "2023-04-11T19:17:02Z")

</div>

Nope : disabled  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/a/e/ae7b568cdb9b2da147a46f62fdde6516e6d2695a.png)

---

<div class="post-metadata">

**Author:** ![paul-griffith](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/paul-griffith/32/37249_2.png) [@paul-griffith](https://forum.inductiveautomation.com/u/paul-griffith)\
**Post date:** [April 11, 2023, 7:18pm UTC](https://forum.inductiveautomation.com/t/forgotten-test-resistfingerprinting-button-background-color/72320/6 "2023-04-11T19:18:23Z")

</div>

Was a wild guess, because that's the only bugticket I can see that even theoretically affects coloration:  
[https://wiki.mozilla.org/Security/Fingerprinting](https://wiki.mozilla.org/Security/Fingerprinting)

Does it do the same in a private browsing window? With all extensions disabled?

To clarify: this is 1000% Firefox behavior. We definitely test on FF, but not every combination of settings. However, we've definitely got devs who use resist fingerprinting (✋) and nobody's ever reported this or anything like this before.

---

<div class="post-metadata">

**Author:** ![automatisation](https://avatars.discourse-cdn.com/v4/letter/a/94ad74/32.png) [@automatisation](https://forum.inductiveautomation.com/u/automatisation)\
**Post date:** [April 12, 2023, 11:30am UTC](https://forum.inductiveautomation.com/t/forgotten-test-resistfingerprinting-button-background-color/72320/7 "2023-04-12T11:30:50Z")

</div>

Sadly, same behavior with private browsing window and all extensions disabled.

I did some more tests and it happens as soon as I have a button with some transparency for the background-color and this firefox setting enabled.

In Designer :  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/9/d/9df6793292bcd204a173aca474a939aba44fe2e0.png)

In firefox resistFingerprinting disabled :  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/7/4/7405c5bf6771d121e6405540983866e3211c7673.png)

In firefox resistFingerprinting enabled :  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/8/9/89082cc3677e27795f050c866f0a98b3adbe001c.png)

---

<div class="post-metadata">

**Author:** ![automatisation](https://avatars.discourse-cdn.com/v4/letter/a/94ad74/32.png) [@automatisation](https://forum.inductiveautomation.com/u/automatisation)\
**Post date:** [April 12, 2023, 11:47am UTC](https://forum.inductiveautomation.com/t/forgotten-test-resistfingerprinting-button-background-color/72320/8 "2023-04-12T11:47:04Z")

</div>

Small update.  
As soon as I change the setting called resistFingerprinting.testGranularityMask to a value of 2 or more in Firefox, transparency works ok again.  
Really weird.  
I guess I will go with that and ask customers to change that setting if they ever have the combo Firefox + resistFingerprinting.
