diff --git a/web/src/resources/osk/kmwosk.css b/web/src/resources/osk/kmwosk.css
index 599a533df2..788d90a7c6 100644
--- a/web/src/resources/osk/kmwosk.css
+++ b/web/src/resources/osk/kmwosk.css
@@ -295,7 +295,7 @@
 .tablet.android .kmw-key-deadkey{color:#0d0;background-color:#777;}
 
 .tablet.android .kmw-banner-bar {
-  background-color: #b4b4b8;
+  background-color: #222;
   position: relative;
   margin-top: 4px;
   height: 100%;
@@ -303,11 +303,11 @@
 }
 
 .tablet.android .kmw-suggest-option::before {
-  background: linear-gradient(90deg, #b4b4b8 0px, transparent 100%);
+  background: linear-gradient(90deg, #222 0px, transparent 100%);
 }
 
 .tablet.android .kmw-suggest-option::after {
-  background: linear-gradient(90deg, transparent 0%, #b4b4b8 100%);
+  background: linear-gradient(90deg, transparent 0%, #222 100%);
 }
 
 .tablet.android .kmw-banner-bar .kmw-suggest-option {
@@ -317,17 +317,17 @@
 }
 
 .tablet.android .kmw-suggestion-text {
-  color:#77f;
+  color:#fff;
 }
 
-.tablet.android .kmw-suggest-option.kmw-suggest-touched {background-color:#447;}
+.tablet.android .kmw-suggest-option.kmw-suggest-touched {background-color:#bbb;}
 
 .tablet.android .kmw-suggest-option.kmw-suggest-touched::before {
-  background: linear-gradient(90deg, #447 0px, transparent 100%);
+  background: linear-gradient(90deg, #bbb 0px, transparent 100%);
 }
 
 .tablet.android .kmw-suggest-option.kmw-suggest-touched::after {
-  background: linear-gradient(90deg, transparent 0%, #447 100%);
+  background: linear-gradient(90deg, transparent 0%, #bbb 100%);
 }
 
 /* Vertical centering of text labels on keys */