Dark mode's reaction icon have somethin' wrong

[HQuan]

Browser, version and OS: https://www.whatsmybrowser.org/b/KBA6V/download/ransomware/noescape

 

Steps to reproduce/what were you doing before it happened?

Simply. Turn in dark mode.

 

What happened?

The surrounding area around "Reaction" button simply disappear. It will only appear again if I click on it, or go back to light mode.

 

What did you expect to happen?

There'll be a gray surrounding area around that button.

 

Link to a page where it happened, if applicable: 

ref(every_page)

 

Screenshots of the issue, if applicable: 

Before clicked: 

 

Clicked: 

 

Light mode: 

 

 

Any other relevant details:

When I check the color of the surrounding area (by developer mode) of that button, it show transparent.

But when check the color, it show grey.

(no image sadly)

 

EXPLAIN! DEVELOPERS! 

 

 

 

If it's a cloudflare error, what was the ray ID from the bottom of the error page?

error(hquan_too_genius)

[BobVonBob]

That's definitely intentional. If anything, I'd argue that the light mode reaction button is the one that's wrong. It's the only button on either theme with a surround.

[RockSolid1106]

13 minutes ago, HQuan said:

EXPLAIN! DEVELOPERS! 

No one is an expert and there is no bug free software. We all are humans(developers are humans too) and you'll always expect some bug, especially in software this complex.

Edited January 20 by RockSolid1106

[J-from-Nucleon]

47 minutes ago, HQuan said:

/download/ransomware/noescape

...

 

[colonel_mortis]

It's there, it's just very similar to the background colour. I vaguely remember that button being a really tough one to find a good colour for, because it shouldn't be visually striking.

[adarw]

a close up

[HQuan]

@colonel_mortis

[HQuan]

Sorry for tagging. The comment above me is corrupted.

@colonel_mortisHere's something odd

Notice the reaction file was transparent?

 

But if you look closely, you can see it has a brown background

See? 

[colonel_mortis]

On 1/21/2022 at 6:16 AM, HQuan said:

Sorry for tagging. The comment above me is corrupted.

@colonel_mortisHere's something odd

Notice the reaction file was transparent?

 

But if you look closely, you can see it has a brown background

See? 

It's not brown, it's grey. That is working as intended, the background was added with CSS (and the same image is used for both light and dark mode).

[Nayr438]

On 1/21/2022 at 12:16 AM, HQuan said:

Sorry for tagging. The comment above me is corrupted.

@colonel_mortisHere's something odd

Notice the reaction file was transparent?

 

But if you look closely, you can see it has a brown background

See? 

 

.ipsReact_button {
	background-color: #1A1A1A;
	opacity: 0.4;
}

 

I do however notice switching between Monitors that while its pretty noticeable but subtle on my main, it's not at all noticeable on my secondary, and its barely visible on my third.

Changing opacity to 0.5 makes it noticeable on the other two Monitors aligning with my usual experience on my main, but then makes it really stand out and look out of place on my main monitor.

 

Personally I don't think you will find a much better middle ground and think it should be left as is or just remove the color offset entirely.

 

[HQuan]

7 hours ago, Nayr438 said:

opacity: 0.4;

I didn't notice this! Thank you!

Turns out...