Improve contrast
The osk-sdl colors were changed so the screen does not cause too much attention (we don't want everybody to look at your phone when you type in your FDE password). However, it was reported that the contrast could be improved, let's look into that and find a middle ground.
Playing with colors is easy, so help wanted :)
Activity
added help wanted type::feature labels
One key feature of dark-mode keyboards on iOS and Android seems to be that the non-character keys use a different background color than the character keys. In osk-sdl, they both look the same.
In addition, the background on both iOS and Android is usually a darker shade of black or gray than they keys. In osk-sdl it's the other way around.
current default screenshot
Following these two observations, I made three exemplary variations of osk-sdl:
Apple Style
Borrowed from here.
apple screenshot
Android Style
Borrowed from here.
android screenshot
Android Style with Large Key Caps And Colored Return
android-large screenshot
Note that in the examples above I didn't go through the hassle of making the space bar the same color as the character keys but this can easily be done as well.
Personally I think I'd like a combination of the first and third option best (colors from option 1, big caps and colored return from option 3). All three variations would, however, be more accessible than the current default style in my opinion. Given that all of them are still mainly shades of black and gray, I'm personally also not overly concerned with making them draw unwanted attention.
Curious what others think about the styles.
PS: Also worth noting that #12 (closed) / !104 (merged) might be a bigger security concern than this here because it makes it a lot easier for somebody to see what characters you're typing in. I'm not sure if either one is a huge issue though since the only real way to make punching in your password safe is making sure nobody is watching you do it.
By Johannes Marbach on 2020-11-30T02:51:15
Edited by Administrator-
Here's a quick hack combining options 1 and 3 from above with space using the same color as the character keys and a pmOS-style green for the return button.
android/droid large screenshot
Somehow to me the color of the text field doesn't seem to blend in perfectly with the colors of the keyboard below it (it looks a little too dark). But I'm also not a designer and maybe I'm overthinking colors at this point.
By Johannes Marbach on 2020-11-30T02:52:06
Edited by Administrator
-
Nice. You could make that input text field the same color as the letter keycaps?
I had the same thought, yeah. That would look like this:
text field same color screenshot
That does seem a little more harmonic to my eye albeit at the risk that the text field might be mistaken for a key itself.
it probably wouldn't be too much of a stretch further to make these colors/themes configurable in the osk.conf config file
Oh, yes! Great idea!
By Johannes Marbach on 2020-11-30T02:52:56
Edited by Administrator mentioned in merge request !105 (merged)
By Johannes Marbach on 2020-11-30T10:23:00