Virtual Keyboard Shift Highlight fixed.

ui/keyboard/resources/main.css

 /*
  Copyright (c) 2013 The Chromium Authors. All rights reserved.
  Use of this source code is governed by a BSD-style license that can be
  found in the LICENSE file.
 */
 
 body {
   -webkit-box-pack: center;
   -webkit-user-select: none;
   background-color: #0b0b0b;
@@ skipping 50 matching lines @@
 }
 
 kb-key::x-key[inverted] {
   color: #7c7c7c;
 }
 
 kb-key::x-superscript[inverted] {
   color: #ffffff;
 }
 
+/**
+* Controls whether the shift key should be highlighted or not. 
+* Only highlights if we are in a lockable keyboard which is not locked.
+*/
+kb-keyboard:not(.locked) kb-keyset[lockable] kb-shift-key {
+  color: lightblue;
+}
+
 kb-shift-key.dark,
 kb-layout-selector.dark,
 kb-key.dark {
   background-color: #2a2a2c;
   border-top: 2px solid #3a3a3c;
 }
 
 /* TODO(stevet): We can probably share most of this with kb-key::x-key. */
 kb-altkey::x-key {
   bottom: 0;
   height: 1.2em;
   left: 0;
   margin: auto;
   position: absolute;
   right: 0;
   top: 0;
   text-align: center;
 }
 
-.caps kb-shift-key,
+.locked kb-shift-key,
 .active {
   background-color: #848490 !important;
   border-top: 2px solid #A9A9AF !important;
   /* Do not use box shadow until performance improves
    * http://code.google.com/p/chromium/issues/detail?id=99045
   box-shadow: 0px 0px 15px #fff;
   */
 }
 
 /**
@@ skipping 49 matching lines @@
 }
 
 .microphone {
   background-image: url('images/microphone.svg');
 }
 
 .audio .microphone {
   background-image: url('images/microphone-green.svg');
 }
 
-/* Highlight for shift key when pressed. */
-.highlight kb-shift-key {
-  color: lightblue;
-}
-
 .layout-selector {
   background-image: url('images/keyboard.svg');
 }