[DevTools] Color values should be case insensitive while suggestions should be case aware

Source/devtools/front_end/elements/StylesSidebarPane.js

 /*
  * Copyright (C) 2007 Apple Inc.  All rights reserved.
  * Copyright (C) 2009 Joseph Pecoraro
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions
  * are met:
  *
  * 1.  Redistributions of source code must retain the above copyright
  *     notice, this list of conditions and the following disclaimer.
@@ skipping 2289 matching lines @@
 
                 scrollerElement = colorSwatch.element.enclosingNodeOrSelfWithClass("scroll-target");
                 if (scrollerElement)
                     scrollerElement.addEventListener("scroll", repositionSpectrum, false);
                 else
                     console.error("Unable to handle color picker scrolling");
             }
         }
 
         var colorValueElement = document.createElement("span");
-        colorValueElement.textContent = color.toString(format);
+        if (format === WebInspector.Color.Format.Original) {

[vivekg, 2014/07/08 11:03:36]

This change is done to reflect the actual entered color value. e.g. "BlAck". The
color.toString(format) converts it to "black"

+            colorValueElement.textContent = text;
+        } else {
+            colorValueElement.textContent = color.toString(format);
+        }
 
         /**
          * @param {string} curFormat
          */
         function nextFormat(curFormat)
         {
             // The format loop is as follows:
             // * original
             // * rgb(a)
             // * hsl(a)
@@ skipping 1011 matching lines @@
             return;
         }
 
         var results = this._cssCompletions.startsWith(prefix);
         var selectedIndex = this._cssCompletions.mostUsedOf(results);
         completionsReadyCallback(results, selectedIndex);
     },
 
     __proto__: WebInspector.TextPrompt.prototype
 }