Visual Improvements
The keyboard would look a lot better with a few small visual improvements:
-
Same border radius as GTK buttons (5px) -
Horizontally aligned buttons on the bottom left/right (e.g. caps lock, enter, delete) with the buttons in the top row -
Smaller label text on the view switcher buttons such as 123 and ABC (they currently touch the edge of the button in some cases) -
Slightly reduce the key height overall and increase vertical margins between rows -
Move all the keys up a bit (currently there's a big margin above the keys, and almost none below) -
Make active state a lighter version of key color rather than blue -
Make sure all keys have correct border/fill colors (e.g. enter currently has a gray border)
Key colors (without the # because Gitlab highlights them as issue numbers :D)
- Regular key: fill 464448, border 5e5c64
- Darker key (e.g. delete): fill 2b292f, border 3e3a44
- Suggested action (enter): fill 1c71d8, border 1a5fb4
- Active state (same for all keys): fill and border both 20% lighter than the regular color
- "Locked" state (caps lock): fill deddda, border 9a9996
Left: current, right: mockup
Edited by Dorota Czaplejewicz