Bug 588655 - Part 2: When in private browsing mode, make the Firefox button purple; r=dao a=blocking-final+

Original patch by Stephen Horlander <shorlander@mozilla.com>

browser/themes/winstripe/browser/browser-aero.css

@@ -33,6 +33,12 @@
                 0 0 2px 1px rgba(255,255,255,.25) inset;
   }
 
+  #main-window[privatebrowsingmode=temporary] #appmenu-button:not(:-moz-window-inactive) {
+    -moz-border-left-colors: rgba(255,255,255,.5) rgba(43,8,65,.9);
+    -moz-border-bottom-colors: rgba(255,255,255,.5) rgba(43,8,65,.9);
+    -moz-border-right-colors: rgba(255,255,255,.5) rgba(43,8,65,.9);
+  }
+
   #appmenu-button:-moz-window-inactive {
     -moz-border-left-colors: rgba(255,255,255,.4) rgba(0,0,0,.5);
     -moz-border-bottom-colors: rgba(255,255,255,.4) rgba(0,0,0,.5);

browser/themes/winstripe/browser/browser.css

@@ -126,6 +126,11 @@
   margin: 0;
 }
 
+#main-window[privatebrowsingmode=temporary] #appmenu-button:not(:-moz-window-inactive) {
+  background-image: -moz-linear-gradient(rgb(153,38,211), rgb(105,19,163) 95%);
+  border-color: rgba(43,8,65,.9);
+}
+
 #appmenu-button:-moz-window-inactive {
   background-image: none;
   border-color: rgba(0,0,0,.4);
@@ -141,6 +146,16 @@
               0 -1px 0 rgba(250,234,169,.5) inset;
 }
 
+#main-window[privatebrowsingmode=temporary] #appmenu-button:hover:not(:active):not([open]) {
+  background-image: -moz-radial-gradient(center bottom, farthest-side, rgba(240,193,255,.5) 10%, rgba(240,193,255,0) 70%),
+                    -moz-radial-gradient(center bottom, farthest-side, rgb(192,81,247), rgba(236,172,255,0)),
+                    -moz-linear-gradient(rgb(144,20,207), rgb(95,0,158) 95%);
+  border-color: rgba(43,8,65,.9);
+  box-shadow: 0 1px 0 rgba(255,255,255,.1) inset,
+              0 0 2px 1px rgba(240,193,255,.7) inset,
+              0 -1px 0 rgba(240,193,255,.5) inset;
+}
+
 #appmenu-button:hover:active,
 #appmenu-button[open] {
   background-image: -moz-linear-gradient(rgb(246,170,69), rgb(209,74,0) 95%);
@@ -149,6 +164,11 @@
               0 1px 1px rgba(0,0,0,.2) inset;
 }
 
+#main-window[privatebrowsingmode=temporary] #appmenu-button:hover:active,
+#main-window[privatebrowsingmode=temporary] #appmenu-button[open] {
+  background-image: -moz-linear-gradient(rgb(144,20,207), rgb(95,0,158) 95%);
+}
+
 #appmenu-button > .button-box {
   border-style: none;
   padding: 0;