Hello
Here are some hints to customize the look of squeekboard
In all my screenshots, layouts are AZERTY, because my setup is FR, those modifications won’t change your keyboard layout, only the colors and images
You need to edit/create the file /home/purism/.config/gtk-3.0/gtk.css
you have 2 main component to edit
- The settings of the keys are in sq_button
- The settings of the view holding the keys are in sq_view
So here an exemple of what you can do, the Ctrl key is locked :
It’s done with the following CSS code:
sq_button {
background-color: rgba(0, 0, 0, 0.5); /* Background of the key, black with 50% transparency*/
color: #00c0c0; /* color of the characters in the key */
border-radius: 50% 20% / 10% 40%;
}
sq_view {
background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
url('file:///home/purism/path/to/background.jpg');
}
sq_button.altline,
sq_button.special,
sq_button.wide {
background-color: rgba(0, 0, 0, 0.3); /* Background of the key */
color: #00a0a0; /* color of the characters in the key */
border-color: #202020;
}
sq_button:active,
sq_button.altline:active,
sq_button.special:active,
sq_button.wide:active {
/* Settings of the keys when you press a key */
background: #747077;
border-color: #96949d;
}
sq_button.locked {
/* Settings of the keys like 'ctrl' or 'alt' */
background: #ffffff;
color: #2b292f;
}
#Return {
border-color: #008080;
}
Of course it’s just an exemple you have some other regular properties that you can use (see style.css)
If you want, you can put an image un the backgroupd of the keys with background-image
instead of the background-color
in the sq_button
block
For my tests, I opened the terminal (which popup squeekboard) and because I don’t know how to restart properly squeekboard, 2 ways (someone has a third one?):
- Restart your librem5 (boring, useless, cutting ssh)
Or
- Squeekboard will restart if you
killall squeekboard
(Doing this, I had 2 crashes of phosh or phoc, and 1 crash of the L5 — I probably did hit the power button while phosh restarted —, do you have the same problem?)
Now your turn ! Share your excentric one !