DOMUI: Alter the focus and selected list item background colors.

chrome/browser/resources/options/options_page.css

Index: chrome/browser/resources/options/options_page.css
diff --git a/chrome/browser/resources/options/options_page.css b/chrome/browser/resources/options/options_page.css
index 61cb63c0f4c544d452a5b08ea199bddce612870d..e27d9b7c5334fe29fb299a158156cb4c91c8ada6 100644
--- a/chrome/browser/resources/options/options_page.css
+++ b/chrome/browser/resources/options/options_page.css
@@ -357,34 +357,34 @@ list > * {
 }
 
 list:not([disabled]) > :hover {
-  background-color: #f2f2f2;
+  background-color: #e4ecf7;
 }
 
 list > [selected],
 list:focus > [selected],
 list:focus > [lead][selected],
 list > [selected]:hover {
-  background-color: #f2f2f2;
+  background-color: #bbcee9;
   background-image: none;
 }
 
 list:focus > [lead],
 list:focus > [lead][selected],
 list [lead][selected][editing] {
-  border-top: 1px solid #b2b2b2;
-  border-bottom: 1px solid #b2b2b2;
+  border-top: 1px solid #7892b4;
+  border-bottom: 1px solid #7892b4;
 }
 
 list:focus > [lead]:nth-child(2),
 list:focus > [lead][selected]:nth-child(2),
 list [lead][selected][editing]:nth-child(2) {
-  border-top: 1px solid #f2f2f2;
+  border-top: 1px transparent;
 }
 
 list:focus > [lead]:nth-last-child(2),
 list:focus > [lead][selected]:nth-last-child(2),
 list [lead][selected][editing]:nth-last-child(2) {
-  border-bottom: 1px solid #f2f2f2;
+  border-bottom: 1px transparent;
 }
 
 list[disabled] > [lead][selected],