FileBrowser: tuned colors according to mocks.

chrome/browser/resources/file_manager/js/file_manager.js

 // Copyright (c) 2012 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.
 
 /**
  * FileManager constructor.
  *
  * FileManager objects encapsulate the functionality of the file selector
  * dialogs, as well as the full screen file manager application (though the
  * latter is not yet implemented).
@@ skipping 502 matching lines @@
     this.renameInput_.addEventListener(
         'keydown', this.onRenameInputKeyDown_.bind(this));
     this.renameInput_.addEventListener(
         'blur', this.onRenameInputBlur_.bind(this));
 
     this.filenameInput_.addEventListener(
         'keyup', this.onFilenameInputKeyUp_.bind(this));
     this.filenameInput_.addEventListener(
         'focus', this.onFilenameInputFocus_.bind(this));
 
-    this.listContainer_ = this.dialogDom_.querySelector('.list-container');
+    this.listContainer_ = this.dialogDom_.querySelector('#list-container');
     this.listContainer_.addEventListener(
         'keydown', this.onListKeyDown_.bind(this));
     this.listContainer_.addEventListener(
         'keypress', this.onListKeyPress_.bind(this));
     this.listContainer_.addEventListener(
         'mousemove', this.onListMouseMove_.bind(this));
 
     this.okButton_.addEventListener('click', this.onOk_.bind(this));
     this.onCancelBound_ = this.onCancel_.bind(this);
     this.cancelButton_.addEventListener('click', this.onCancelBound_);
@@ skipping 101 matching lines @@
     var listType = FileManager.ListType.DETAIL;
     if (FileManager.DialogType.isModal(this.dialogType_))
       listType = window.localStorage['listType-' + this.dialogType_] ||
           FileManager.ListType.DETAIL;
     this.setListType(listType);
 
     this.textSearchState_ = {text: '', date: new Date()};
   };
 
   FileManager.prototype.initRootsList_ = function() {
-    this.rootsList_ = this.dialogDom_.querySelector('.roots-list');
+    this.rootsList_ = this.dialogDom_.querySelector('#roots-list');
     cr.ui.List.decorate(this.rootsList_);
     this.rootsList_.startBatchUpdates();
 
     var self = this;
     this.rootsList_.itemConstructor = function(entry) {
       return self.renderRoot_(entry);
     };
 
     this.rootsList_.selectionModel =
         this.directoryModel_.getRootsListSelectionModel();
@@ skipping 3057 matching lines @@
         if (this.dialogType_ != FileManager.DialogType.FULL_PAGE) {
           // If there is nothing else for ESC to do, then cancel the dialog.
           event.preventDefault();
           this.cancelButton_.click();
         }
         break;
     }
   };
 
   /**
-   * KeyDown event handler for the div.list-container element.
+   * KeyDown event handler for the div#list-container element.
    */
   FileManager.prototype.onListKeyDown_ = function(event) {
     if (event.srcElement.tagName == 'INPUT') {
       // Ignore keydown handler in the rename input box.
       return;
     }
 
     var self = this;
     function handleCommand(name) {
       var command = self.commands_[name];
@@ skipping 66 matching lines @@
       case 'Left':
       case 'Right':
         // When navigating with keyboard we hide the distracting mouse hover
         // highlighting until the user moves the mouse again.
         this.listContainer_.classList.add('nohover');
         break;
     }
   };
 
   /**
-   * KeyPress event handler for the div.list-container element.
+   * KeyPress event handler for the div#list-container element.
    */
   FileManager.prototype.onListKeyPress_ = function(event) {
     if (event.srcElement.tagName == 'INPUT') {
       // Ignore keypress handler in the rename input box.
       return;
     }
 
     if (event.ctrlKey || event.metaKey || event.altKey)
       return;
 
     var now = new Date();
     var char = String.fromCharCode(event.charCode).toLowerCase();
     var text = now - this.textSearchState_.date > 1000 ? '' :
         this.textSearchState_.text;
     this.textSearchState_ = {text: text + char, date: now};
 
     this.doTextSearch_();
   };
 
   /**
-   * Mousemove event handler for the div.list-container element.
+   * Mousemove event handler for the div#list-container element.
    */
   FileManager.prototype.onListMouseMove_ = function(event) {
     // The user grabbed the mouse, restore the hover highlighting.
     this.listContainer_.classList.remove('nohover');
   };
 
   /**
    * Performs a 'text search' - selects a first list entry with name
    * starting with entered text (case-insensitive).
    */
@@ skipping 524 matching lines @@
 
     this.directoryModel_.addEventListener('scan-completed', maybeShowBanner);
     this.directoryModel_.addEventListener('rescan-completed', maybeShowBanner);
 
     var style = this.document_.createElement('link');
     style.rel = 'stylesheet';
     style.href = 'css/gdrive_welcome.css';
     this.document_.head.appendChild(style);
   };
 })();