Replace yellow outline from focused searchbox with blue border. Replace yellow outlines with blue o…

chrome/browser/resources/file_manager/css/file_manager.css

Index: chrome/browser/resources/file_manager/css/file_manager.css
diff --git a/chrome/browser/resources/file_manager/css/file_manager.css b/chrome/browser/resources/file_manager/css/file_manager.css
index 25cb64b4958473d96c6894bc0a6923d6ed3febd3..873d8ef181fa40b799e8bcb602db270fe0695883 100644
--- a/chrome/browser/resources/file_manager/css/file_manager.css
+++ b/chrome/browser/resources/file_manager/css/file_manager.css
@@ -465,6 +465,8 @@ div.root-eject:hover {
 }
 
 #search-box:focus {
+  border-color: rgb(77, 144, 254);
+  outline: none;
   width: 240px;
 }
 
@@ -474,6 +476,27 @@ div.root-eject:hover {
   border-radius: 2px;
 }
 
+#search-box::-webkit-search-cancel-button {
+  -webkit-appearance: none;
+  background-image: -webkit-image-set(
+    url('../images/files/ui/search_clear.png') 1x,
+    url('../images/files/ui/2x/search_clear.png') 2x);
+  height: 16px;

[Vladislav Kaznacheev, 2012/07/31 13:55:57]

it might be cleaner to set background-position: center instead of setting
width/height

[Oleg Eterevsky, 2012/07/31 14:10:46]

When I remove width/height this element disappears.

+  width: 16px;
+}
+
+#search-box::-webkit-search-cancel-button:hover {
+  background-image: -webkit-image-set(
+    url('../images/files/ui/search_clear_hover.png') 1x,
+    url('../images/files/ui/2x/search_clear_hover.png') 2x);
+}
+
+#search-box::-webkit-search-cancel-button:active {
+  background-image: -webkit-image-set(
+    url('../images/files/ui/search_clear_pressed.png') 1x,
+    url('../images/files/ui/2x/search_clear_pressed.png') 2x);
+}
+
 button#detail-view {
   background-image: -webkit-image-set(
     url('../images/files/ui/view_list_black.png') 1x,
@@ -725,6 +748,10 @@ body[type='full-page'] .thumbnail-grid .thumbnail-bottom {
   line-height: 20px;
 }
 
+input.rename:focus {
+  outline-color: rgb(77, 144, 254);
+}
+
 /* Elements that need to be LTR even in an RTL context, but should align
  * left. Display size in Hebrew is such a case.
  */
@@ -1414,3 +1441,7 @@ body:not([type='saveas-file']):not([type='full-page'])
 #list-container .table-header-cell:hover {
   background-color: #f2f2f2;
 }
+
+button:focus {
+  outline-color: rgb(77, 144, 254);
+}