hyprlock icon indicating copy to clipboard operation
hyprlock copied to clipboard

`input_field` placeholder text color is inverted

Open Vosjedev opened this issue 1 year ago • 3 comments

The text color of the placeholder text in the input field is inverted. This works fine for getting light grey when the dots are dark grey, but for colors it's kinda not working.

My dots are orange rgb(255,129,0), so the placeholder text became blue (I guess rgb(0,126,255)). I would like to be able to either configure the placeholder's textcolor separately from the dots' color, or not have it be inverted.

Vosjedev avatar Apr 29 '24 13:04 Vosjedev

I just looked at the pr's (only looked at issues before posting), and it seems like #35 adds the solution. I guess I will close this as soon as that is merged then. Sorry for yet another useless issue...


addition, 6min later

Maybe it should be clear in the docs the placeholder text is inverted, and that the solution (for now?) is to use pango markup: <span foreground=##RRGGBB>text</span>. I guess it should also be clearer you need to escape the #.

Vosjedev avatar Apr 29 '24 13:04 Vosjedev

Maybe it should be clear in the docs the placeholder text is inverted, and that the solution (for now?) is to use pango markup: <span foreground=##RRGGBB>text</span>. I guess it should also be clearer you need to escape the #.

How exactly are you writing this markup in your hyprlock.conf file? This is what I'm trying to do for my input_field:

input-field {
...
  placeholder_text = <i foreground=##3a3535>Input Password...</i>
...
}

The result is the input field placeholder text reads "<i foreground=##3a3535>Input Password...</i>"

rafaVls avatar Sep 04 '24 00:09 rafaVls

Figured it out, it's supposed to be:

input-field {
...
  placeholder_text = <span foreground="##3a3535"><i>Input Password...</i></span>
...
}

rafaVls avatar Sep 04 '24 01:09 rafaVls