tool tips color mismatch about layan-gtk-theme HOT 8 CLOSED

There is a comment on gnome-look by unheeding with a workaround for this on Chrome at least:

Excellent theme! I noticed an issue using the Light variant though. Google Chrome doesn't seem to respect the tooltip.background settings, and shows white text on white background. I fixed it in Chrome by changing color to color: rgba(0, 0, 0, 0.7); but then the tooltips for stuff like Budgie panel were black on black, so I changed the background to white background-color: rgba(255, 255, 255, 0.9); and it is now working nicely for both apps.

from layan-gtk-theme.

Thanks @atagulalan for your help, now I fixed this issue!

from layan-gtk-theme.

Thanks for writing it down buddy but I don't know what color in chrome he was talking about and how to change it. And also, doesn't matter if I fix it in chrome the issue will still be there. I faced it in VSCode too.
P.S: Such a cool theme thought <3.

from layan-gtk-theme.

Could you give a screenshot? @0xAliRaza

from layan-gtk-theme.

@vinceliuice



Have a look at these small white boxes. When I move a cursor over some area which contains tooltip this white box pops up instead of a proper tooltip.

from layan-gtk-theme.

@vinceliuice is the issue fixed?

from layan-gtk-theme.

Not yet, I'm working on it

from layan-gtk-theme.

Ok, I know it's not pretty, but I solved this by changing src/_sass/gtk/_common.scss line 3607

Just change

...
tooltip {
  &.background {
    &, &.csd {
      ...
      color: $dark_fg_color
    }
  }
...

to

...
tooltip {
  &.background {
    &, &.csd {
      ...
      color: if($variant == 'light', $dark_fg_color, $popover_fg)
    }
  }
...

and compile SCSS.

from layan-gtk-theme.