react-mentions icon indicating copy to clipboard operation
react-mentions copied to clipboard

Pixel Bugs in Darkmode

Open poeck opened this issue 3 years ago • 2 comments

Steps to reproduce:

Use react-mentions with some dark colors.

Expected behaviour:

To look the same in darkmode as in lightmode.

Observed behaviour:

In Light, everything is fine:

image

But in Dark, it looks like this:

image

When zooming in, it starts looking good again:

image

poeck avatar Jan 07 '22 22:01 poeck

I'm currently facing the same issue and would appreciate any solutions.

EDIT: Found out that adding a slight dark text-shadow seems to help. For example text-shadow: 0 0 black;

teoraunio avatar Jan 29 '22 18:01 teoraunio

I'm currently facing the same issue and would appreciate any solutions.

EDIT: Found out that adding a slight dark text-shadow seems to help. For example text-shadow: 0 0 black;

Thanks, this worked great for me.

.dark .remark__mention {
   text-shadow: 0px 0px 1px rgb(var(--bg-form));
}

I'm still going to leave the issue open, I think there will be better fix.

poeck avatar Jan 30 '22 11:01 poeck