#46613 - tree focus/selection colors, r=hangas

themes/classic/global/win/tree.css

@@ -14,7 +14,7 @@ tree
     border-right          : 1px solid threedhighlight;
     border-bottom         : 1px solid threedhighlight;
   }
-  
+
 .tree-container-treerows[dragover="true"][dragdroptree="true"]
   {
     border                : 2px solid highlight;
@@ -39,10 +39,27 @@ tree.inset
     margin                : 1px 5px 2px 5px;
   }
 
-treeitem[selected="true"] > treerow { 
-	color: highlighttext;
-	background-color: highlight;
+tree > treechildren treeitem[selected="true"] > treerow
+  {
+	  color: buttontext;
+  	background-color: threedface;
+  }
+
+tree:focus > treechildren treeitem[selected="true"] > treerow
+  {
+	  color: highlighttext;
+  	background-color: highlight;
+  }
+
+treerow {
+  border: 1px solid transparent;
 }
+  
+tree:focus > treechildren treeitem[selected="true"][current="true"] > treerow
+  {
+    border: 1px dotted CaptionText;
+  }
+
 treeitem[dd-dropon="true"] > treerow { 
 	color: highlighttext;
 	background-color: highlight;
@@ -52,7 +69,7 @@ treecell
   { 
     white-space           : nowrap;
     vertical-align        : middle;
-    padding               : 1px 0px 1px 2px;
+    padding               : 0px 0px 1px 2px;
   } 
 
 .treecell-header,

themes/modern/global/tree.css

@@ -9,6 +9,7 @@ tree {
   background-color: white;
   border: none;
   border-spacing: 0px;
+  -moz-user-focus: normal !important;
 }
 
 /** class="inset" *************************************************
@@ -23,27 +24,18 @@ tree.inset {
   margin: 1px 5px 2px 5px;
 }
 
-treeitem[selected="true"] > treerow { 
-	color: white;
-	background-color: #336699;
-}
-treeitem[dd-dropon="true"] > treerow { 
-	color: white;
-	background-color: #336699;
-}
-
 treecell { 
   white-space: nowrap;
   vertical-align: middle;
-  padding: 1px 0px 1px 2px;
+  padding: 0px 0px 1px 2px;
 } 
 
 .treecell-header { 
-  background-color: #CCCCCC; 
-  color: black;
-  border-right: 1px solid white;
-  vertical-align: middle;
+  border: 1px outset #C2D0D0;
   padding: 0px 0px 0px 4px;
+  background-color: #C2D0D0; 
+  vertical-align: middle;
+  color: #000000;
 } 
 
 .treecell-header-image {
@@ -101,6 +93,25 @@ treeitem[container="true"] > treerow > .treecell-indent > .tree-cell-primary-ico
  padding-right: 2px;
 }
 
+treeitem[selected="true"] > treerow {
+ color: #000000;
+ background-color: #B4C3D4;
+}
+
+tree:focus > treechildren treeitem[selected="true"] > treerow,
+treeitem[dd-dropon="true"] > treerow {
+  color: #ffffff;
+	background-color: #486380;
+}
+
+treerow {
+  border: 1px solid transparent;
+}
+
+tree:focus > treechildren treeitem[selected="true"][current="true"] > treerow {
+  border: 1px solid #AECDCD;
+}
+
 treeitem[selected="true"] > treerow > treecell > .tree-cell-twisty {
   list-style-image: url("chrome://global/skin/closedtwisty-selected.gif");
 }