Change color tone of the fonts on Lock screen?

Hardware Librem 5
1

Hi,

I’ve recently changed the lockscreen background and due to it’s matching colors (white text one white background image) the font is readible but not as clear.

It’s a weird question, but is it possible to change the font colors, just a few hairs greyer.

I’m guessing no?

1 Like
2

Of course it’s possible. Simply put into ~/.config/gtk-3.0/gtk.css the following code:

#phosh-lockscreen-clock,
#phosh-lockscreen-date {
    color: [COLORVALUE];
}

Put into [COLORVALUE] a color name like black or yellow or rbg(12, 142, 123) or a hex color like #2fa6bb You also can use text shadow:

#phosh-lockscreen-clock,
#phosh-lockscreen-date {
    text-shadow: 1px 1px black;
}

In this example you make 1px shadow to right and bottom in color black (every color-code is possible). Or you can combine both or resize it or take another font etc (I guess last 2 are not what you want here).

For more code-example you can click on my avatar and follow the link to codeberg and the Phosh-visualization project.

4 Likes
3

That’s great thank you. The text shadow was the best solution.

2 Likes