Changes shift key icon & highlight/caps UX.

ui/keyboard/resources/main.css

Index: ui/keyboard/resources/main.css
diff --git a/ui/keyboard/resources/main.css b/ui/keyboard/resources/main.css
index 974a6346d5ef065f6906db20c230dd80068b1b64..6ba2629212f0f539a61af6f0046aa9bfcd13122b 100644
--- a/ui/keyboard/resources/main.css
+++ b/ui/keyboard/resources/main.css
@@ -14,22 +14,16 @@
  * shadow dom.
  */
 kb-keyboard.ctrl-active kb-modifier-key[char=Ctrl],
-kb-keyboard.alt-active kb-modifier-key[char=Alt] {
-  background-color: #bbbbbb;
-}
-
-kb-keyboard[keyset="upper"] kb-shift-key.dark /deep/ .key {
-  background-image: url('images/shift-filled.svg');
-}
-
-kb-keyboard[keyset="lower"] kb-shift-key /deep/ .key{
-  background-image: url('images/shift.svg');
+kb-keyboard.alt-active kb-modifier-key[char=Alt],
+kb-keyboard.caps-locked kb-shift-key.dark {
+  background-color: #cccccc;
+  -webkit-box-shadow: inset 0 0 3px 2px #aaaaaa;

[kevers, 2014/05/01 18:12:58]

Flip order putting '-' prefixed attribute first.

[rsadam, 2014/05/01 18:45:45]

Done.

 }
 
 /**
 * Controls whether the shift key should be highlighted or not.
 */
-kb-keyboard.caps-locked kb-shift-key.dark /deep/
+kb-keyboard[keyset="upper"] kb-shift-key.dark /deep/
     .shift-light {
     background-color: #4285f4;
 }