Changes the keyboard background to a linear gradient.

ui/keyboard/resources/elements/kb-row.html

Index: ui/keyboard/resources/elements/kb-row.html
diff --git a/ui/keyboard/resources/elements/kb-row.html b/ui/keyboard/resources/elements/kb-row.html
index 6883d2aaddf4038e264f211fb95df930a6f3c6ce..c3c8491b89e3c85061e0fe54ac62defcbaf36c0e 100644
--- a/ui/keyboard/resources/elements/kb-row.html
+++ b/ui/keyboard/resources/elements/kb-row.html
@@ -16,7 +16,7 @@
       margin-bottom: 0.25em;
     }
 
-    :host:nth-child(1)>:not(.dark) {
+    :host:nth-child(1)>:not(.dark):not(.active) {
       -webkit-box-shadow: inset 0px 1px #6f6f6f, inset 0px -1px #565656;
       background-image: -webkit-linear-gradient(#636363, #5b5b5b);
       background-size: cover;
@@ -24,7 +24,7 @@
       border-top-color: #878787;
     }
 
-    :host:nth-child(2)>:not(.dark) {
+    :host:nth-child(2)>:not(.dark):not(.active) {
       -webkit-box-shadow: inset 0px 1px #666666, inset 0px -1px #4c4c4c;
       background-image: -webkit-linear-gradient(#5a5a5a, #515151);
       background-size: cover;
@@ -32,7 +32,7 @@
       border-top-color: #7f7f7f;
     }
 
-    :host:nth-child(3)>:not(.dark) {
+    :host:nth-child(3)>:not(.dark):not(.active) {
       -webkit-box-shadow: inset 0px 1px #5d5d5d, inset 0px -1px #444444;
       background-image: -webkit-linear-gradient(#505050, #494949);
       background-size: cover;
@@ -40,7 +40,7 @@
       border-top-color: #787878;
     }
 
-    :host:nth-child(4)>:not(.dark) {
+    :host:nth-child(4)>:not(.dark):not(.active) {
       -webkit-box-shadow: inset 0px 1px #565656, inset 0px -1px #434343;
       background-image: -webkit-linear-gradient(#484848, #474747);
       background-size: cover;
@@ -48,7 +48,7 @@
       border-top-color: #717171;
     }
 
-    :host>:not(.dark) {
+    :host>:not(.dark):not(.active) {
       -webkit-box-shadow: inset 0px 1px #565656, inset 0px -1px #434343;
       background-image: -webkit-linear-gradient(#484848, #474747);
       background-size: cover;