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..5dfbfb8873a1b1eea390067c8c6a5e9cdb1f155f 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: rgb(228, 236, 247);
 }
 
 list > [selected],
 list:focus > [selected],
 list:focus > [lead][selected],
 list > [selected]:hover {
-  background-color: #f2f2f2;
+  background-color: rgb(187, 206, 233);
   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;

[stuartmorgan, 2011/01/19 19:48:51]

Why rgb() for the backgrounds and hex for the border? It makes it hard to see
how the colors relate, which is weird for colors that need to go together, so it
would be cleaner to change one or the other so they all match.

[James Hawkins, 2011/01/19 20:00:24]

Done.

 }
 
 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],