Bug 427935 - Mac theme updates Round of style tweaks and icon additions, including hud style tweaks, addons window style tweaks, revised pref icons, new notification icons. Fixes bugs 386757, 424877, 427464, 427697, 427701 r=mano, ui-review=beltzner, a=mconnor

browser/themes/pinstripe/browser/browser.css

@@ -923,7 +923,7 @@ statusbarpanel#statusbar-display {
 }
 
 #editBookmarkPanel > #editBookmarkPanelBottomButtons > button[default="true"] {
-  background-color: #222;
+  background-color: #666;
 }
 
 #editBookmarkPanel > #editBookmarkPanelContent {
@@ -1035,6 +1035,29 @@ statusbarpanel#statusbar-display {
   -moz-outline-radius: 1px;
 }
 
+#editBMPanel_folderTree treechildren::-moz-tree-twisty {
+  -moz-appearance: none !important;
+  list-style-image: url("chrome://browser/skin/hud-style-twisties.png");
+  -moz-image-region: rect(0px, 10px, 10px, 0px);
+  margin-top: 1px;
+  -moz-margin-end: 1px;
+}
+
+#editBMPanel_folderTree treechildren::-moz-tree-twisty(open) {
+  -moz-appearance: none;
+  -moz-image-region: rect(0px, 20px, 10px, 10px);
+}
+
+#editBMPanel_folderTree treechildren::-moz-tree-twisty(selected) {
+  -moz-appearance: none;
+  -moz-image-region: rect(0px, 30px, 10px, 20px);
+}
+
+#editBMPanel_folderTree treechildren::-moz-tree-twisty(selected, open) {
+  -moz-appearance: none;
+  -moz-image-region: rect(0px, 40px, 10px, 30px);
+}
+
 #editBookmarkPanel #editBMPanel_tagsSelector {
   -moz-appearance: none;
   background-color: #333333;
@@ -1165,6 +1188,10 @@ statusbarpanel#statusbar-display {
   color: #ffffff;
 }
 
+#editBookmarkPanel #editBMPanel_tagsField[empty="true"] {
+  color: #bbbbbb;
+}
+
 #editBookmarkPanel #editBMPanel_tagsField[focused="true"],
 #editBookmarkPanel #editBMPanel_namePicker[droppable="false"][focused="true"] > .menulist-editable-box {
   outline: 2px solid -moz-mac-focusring;
@@ -1504,11 +1531,11 @@ tabbrowser > tabbox > tabpanels {
 }
 
 .tab-drop-indicator {
-  height: 10px;
-  width: 8px;
-  margin-bottom: -5px;
+  height: 33px;
+  width: 10px;
+  margin-bottom: -24px;
   position: relative;
-  background: url('chrome://browser/skin/tabbrowser/tabDragIndicator.png') 50% 50% no-repeat;
+  background: url('chrome://browser/skin/tabbrowser/tabDragIndicator.png') 50% 40% no-repeat;
 }
 
 /**

browser/themes/pinstripe/browser/jar.mn

@@ -25,6 +25,7 @@ classic.jar:
   skin/classic/browser/hud-style-new-folder-bar-background.gif
   skin/classic/browser/hud-style-new-folder-bar-background.png
   skin/classic/browser/hud-style-new-folder-plus-sign.png
+  skin/classic/browser/hud-style-twisties.png
   skin/classic/browser/identity.png
   skin/classic/browser/Info.png
   skin/classic/browser/page-livemarks.png

toolkit/themes/pinstripe/global/global.css

@@ -138,10 +138,22 @@ window.dialog {
 .question-icon {
   width: 64px;
   height: 64px;
-  list-style-image: url("chrome://branding/content/icon64.png");
+  list-style-image: url("chrome://global/skin/icons/information-64.png");
   margin: 6px 20px 6px 6px !important;
 }
 
+.alert-icon {
+  list-style-image: url("chrome://global/skin/icons/warning-64.png");
+}
+
+.error-icon {
+  list-style-image: url("chrome://global/skin/icons/error-64.png");
+}
+
+.question-icon {
+  list-style-image: url("chrome://global/skin/icons/question-64.png");
+}
+
 /* ::::: iframe ::::: */
 
 iframe {

toolkit/themes/pinstripe/global/jar.mn

@@ -108,6 +108,11 @@ classic.jar:
 +  skin/classic/global/icons/find-bar-flash.png                       (icons/find-bar-flash.png)
 +  skin/classic/global/icons/find-bar-notfound.png                    (icons/find-bar-notfound.png)
 +  skin/classic/global/icons/grip-vrt.gif                             (icons/grip-vrt.gif)
++  skin/classic/global/icons/information-16.png                       (icons/information-16.png)
++  skin/classic/global/icons/information-24.png                       (icons/information-24.png)
++  skin/classic/global/icons/information-32.png                       (icons/information-32.png)
++  skin/classic/global/icons/information-64.png                       (icons/information-64.png)
++  skin/classic/global/icons/information-large.png                    (icons/information-large.png)
 +  skin/classic/global/icons/loading_16_grey.gif                      (icons/loading_16_grey.gif)
 +  skin/classic/global/icons/loading_16.png                           (icons/loading_16.png)
 +  skin/classic/global/icons/menulist-dropmarker.png                  (icons/menulist-dropmarker.png)
@@ -126,11 +131,24 @@ classic.jar:
 +  skin/classic/global/icons/small-globe-sunken.png                   (icons/small-globe-sunken.png)
 +  skin/classic/global/icons/white-gray-gradient.gif                  (icons/white-gray-gradient.gif)
 +  skin/classic/global/icons/white-gray-gradient-active.gif           (icons/white-gray-gradient-active.gif)
++  skin/classic/global/icons/warning-16.png                           (icons/warning-16.png)
++  skin/classic/global/icons/warning-24.png                           (icons/warning-24.png)
++  skin/classic/global/icons/warning-32.png                           (icons/warning-32.png)
++  skin/classic/global/icons/warning-64.png                           (icons/warning-64.png)
 +  skin/classic/global/icons/warning-large.png                        (icons/warning-large.png)
++  skin/classic/global/icons/error-16.png                             (icons/error-16.png)
++  skin/classic/global/icons/error-24.png                             (icons/error-24.png)
++  skin/classic/global/icons/error-64.png                             (icons/error-64.png)
++  skin/classic/global/icons/error-large.png                          (icons/error-large.png)
 +  skin/classic/global/icons/Error.png                                (icons/Error.png)
 +  skin/classic/global/icons/thumb.png                                (icons/thumb.png)
 +  skin/classic/global/icons/highlight-active-leftcap.png             (icons/highlight-active-leftcap.png)
 +  skin/classic/global/icons/highlight-active-right.png               (icons/highlight-active-right.png)
++  skin/classic/global/icons/question-16.png                          (icons/question-16.png)
++  skin/classic/global/icons/question-24.png                          (icons/question-24.png)
++  skin/classic/global/icons/question-32.png                          (icons/question-32.png)
++  skin/classic/global/icons/question-64.png                          (icons/question-64.png)
++  skin/classic/global/icons/question-large.png                       (icons/question-large.png)
 +  skin/classic/global/icons/round-button-active-dropmarker.png       (icons/round-button-active-dropmarker.png)
 +  skin/classic/global/icons/round-button-active-left.png             (icons/round-button-active-left.png)
 +  skin/classic/global/icons/round-button-active-leftcap.png          (icons/round-button-active-leftcap.png)

toolkit/themes/pinstripe/mozapps/extensions/extensions.css

@@ -272,33 +272,33 @@ richlistitem[opType="needs-uninstall"] .notifyBadge {
 
 .addonRating[rating] {
   display: -moz-box;
-  width: 68px;
-  height: 12px;
+  width: 78px;
+  height: 18px;
   list-style-image: url("chrome://mozapps/skin/extensions/ratings.png");
 }
 
 .addonRating[rating="0"] {
-  -moz-image-region: rect(0px 68px 12px 0px);
+  -moz-image-region: rect(0px 78px 18px 0px);
 }
 
 .addonRating[rating="1"] {
-  -moz-image-region: rect(12px 68px 24px 0px);
+  -moz-image-region: rect(18px 78px 36px 0px);
 }
 
 .addonRating[rating="2"] {
-  -moz-image-region: rect(24px 68px 36px 0px);
+  -moz-image-region: rect(36px 78px 54px 0px);
 }
 
 .addonRating[rating="3"] {
-  -moz-image-region: rect(36px 68px 48px 0px);
+  -moz-image-region: rect(54px 78px 72px 0px);
 }
 
 .addonRating[rating="4"] {
-  -moz-image-region: rect(48px 68px 60px 0px);
+  -moz-image-region: rect(72px 78px 90px 0px);
 }
 
 .addonRating[rating="5"] {
-  -moz-image-region: rect(60px 68px 72px 0px);
+  -moz-image-region: rect(90px 78px 108px 0px);
 }
 
 .addonType image {
@@ -339,6 +339,25 @@ vbox[typeName="status"][type="header-recommended"] {
   border-bottom: 1px solid #878787;
 }
 
+#searchbox {
+  -moz-appearance: none;
+  border: 3px solid;
+  -moz-border-top-colors: #5F5F5F #CFCFCF -moz-Field;
+  -moz-border-bottom-colors: #9F9F9F #EEE -moz-Field;
+  -moz-border-right-colors: #7F7F7F #EEE -moz-Field;
+  -moz-border-left-colors: #7F7F7F #EFEFEF -moz-Field;
+  -moz-border-radius: 11px;
+  -moz-background-clip: border !important;
+  padding: 0 8px;
+}
+
+#searchbox[focused="true"] {
+  outline: 2px solid #4A8BC7;
+  outline-offset: -2px;
+  -moz-outline-radius: 11px;
+}
+
+
 .searchbox-search, .searchbox-cancel {
   list-style-image: url(chrome://mozapps/skin/extensions/searchIcons.png);
   -moz-appearance: none;