Virtual Keyboard Shift Highlight fixed.

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 0799ea4f9ca99f629369a6b752a970c9dd206389..a1334aef771d1ca6e8a2165f1916f0797ef67c09 100644
--- a/ui/keyboard/resources/main.css
+++ b/ui/keyboard/resources/main.css
@@ -68,6 +68,14 @@ 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 {
@@ -87,7 +95,7 @@ kb-altkey::x-key {
   text-align: center;
 }
 
-.caps kb-shift-key,
+.locked kb-shift-key,
 .active {
   background-color: #848490 !important;
   border-top: 2px solid #A9A9AF !important;
@@ -157,11 +165,6 @@ kb-altkey::x-key {
   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');
 }