Changes color scheme of alt keys.

BUG=364468

Review URL: https://codereview.chromium.org/261013008

git-svn-id: svn://svn.chromium.org/chrome/trunk/src@268281 0039d316-1c4b-4281-b951-d872f2087c98

ui/keyboard/resources/elements/kb-altkey-container.html

@@ -10,7 +10,6 @@
     <style>
       :host {
         -webkit-box-flex: 1;
-        background-color: rgba(0, 0, 0, 0.6);
         bottom: 0;
         left: 0;
         position: absolute;

ui/keyboard/resources/elements/kb-altkey-set.html

@@ -9,7 +9,9 @@
   <template>
     <style>
       :host {
-         background-color: #848484;
+        -webkit-box-shadow: 0 0 12px 5px rgba(204, 204, 204, 0.65),
+            0 3px 4px 4px rgba(136, 136, 136, 0.65);
+         background-color: #ffffff;
          border-radius: 2px;
          display: -webkit-box;
          text-align: center;

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

@@ -18,7 +18,7 @@
       }
 
       :host(.active) {
-        background-color: #afafaf;
+        background-color: #dddddd
       }
 
       :host(:first-child) {
@@ -26,6 +26,10 @@
         border-bottom-left-radius: 2px;
       }
 
+      :host(:not(:first-child)) .key{
+        border-left: solid 2px #dddddd;
+      }
+
       :host(:last-child) {
         border-top-right-radius: 2px;
         border-bottom-right-radius: 2px;
@@ -33,7 +37,7 @@
 
       :host .key {
         bottom: 0;
-        color: #ffffff;
+        color: #666666;
         font-family: roboto-bold;
         font-weight: 100;
         height: 1.2em;

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

@@ -59,7 +59,7 @@
 
       :host .hint,
       :host([invert]) key {
-        color: #bbbbbb;
+        color: #bababa;
       }
 
       :host .hint {