{"id":46,"date":"2006-08-03T13:06:40","date_gmt":"2006-08-03T17:06:40","guid":{"rendered":"http:\/\/www.screwedbydesign.com\/blineapples\/?p=47"},"modified":"2006-08-03T13:06:40","modified_gmt":"2006-08-03T17:06:40","slug":"firefox_2_visual_refresh_progress","status":"publish","type":"post","link":"http:\/\/screwedbydesign.com\/blog\/2006\/08\/firefox_2_visual_refresh_progress.php","title":{"rendered":"Firefox 2 Visual Refresh Progress"},"content":{"rendered":"<p>Last night I worked on getting the new theme changes hacked into my trunk build. After about an hour of failed attempts, I ended up having to pull a new tree to get the patch to grudgingly apply &#8211; only to run into <a href=\"https:\/\/bugzilla.mozilla.org\/show_bug.cgi?id=346214\" title=\"Firefox fails to build when using --enable-official-branding and VC6, with error RC2176 : old DIB in ..\/..\/dist\/branding\/firefox.ico\">bug 346214<\/a> and a missing close tag introduced by the patch in browser.xul.<br \/>\nOverall the theme itself is nearly complete and only has a few remaining CSS and polish issues to hammer out. Barring anything catastrophic, the new theme should be landing on the 1.8 branch really soon and should be available in nightlies sometime tomorrow or over the weekend. So without further ado, may I introduce to you the latest iteration of the new official theme for Firefox 2!<\/p>\n<p>Update: The theme is now available in the latest nightly builds. See the <a href=\"http:\/\/www.screwedbydesign.com\/blog\/2006\/08\/firefox_2_visual_refresh_progress.php#downloads\">link below<\/a> to grab a copy.<\/p>\n<p class=\"caption\"><a href=\"\/images\/newtheme\/08-03\/theme01.jpg\"><img src=\"\/images\/newtheme\/08-03\/thumbnails\/theme01.jpg\" \/><\/a><\/p>\n<p><!--more--><\/p>\n<p class=\"caption\"><a href=\"\/images\/newtheme\/08-03\/theme09.jpg\"><img src=\"\/images\/newtheme\/08-03\/thumbnails\/theme09.jpg\" \/><\/a><\/p>\n<p>Overall look<\/p>\n<p>The first tab here is active and the second is being hovered over. The last two are inactive.<\/p>\n<p class=\"caption\"><a href=\"\/images\/newtheme\/08-03\/theme08.jpg\"><img src=\"\/images\/newtheme\/08-03\/thumbnails\/theme08.jpg\" \/><\/a><\/p>\n<p>Toolbar buttons enabled and toolbar palette<\/p>\n<p class=\"caption\"><a href=\"\/images\/newtheme\/08-03\/theme03.jpg\"><img src=\"\/images\/newtheme\/08-03\/thumbnails\/theme03.jpg\" \/><\/a><\/p>\n<p>New options window<\/p>\n<p>Just a little -moz-image-region funkiness here, but overall not too shabby. The icons here really show quite a bit of Mac influence (see the <a href=\"http:\/\/www.screwedbydesign.com\/images\/options-pinstripe.png\">current pinstripe theme<\/a>). And if you were wondering &#8211; yes, the privacy and security icons are flipped \ud83d\ude09<\/p>\n<p class=\"caption\"><a href=\"\/images\/newtheme\/08-03\/theme04.jpg\"><img src=\"\/images\/newtheme\/08-03\/thumbnails\/theme04.jpg\" \/><\/a><\/p>\n<p>Tab overflow<\/p>\n<p>The only thing I&#8217;m really not a fan of is the reload button and the fact that the buttons no longer have raised backgrounds while hovering over them. The new reload button goes for a motion effect underneath the arrows and ends up with what looks like two blue blobs on either end of it.<br \/>\nI asked around about the button effects and found that they were indeed intentional. I guess it would be a bit odd to implement the new back\/forward button drop-down menus while keeping the normal button-like appearance, but then again I&#8217;m not entirely enamored by the new <a href=\"\/images\/newtheme\/08-03\/blob.jpg\">drop down blobs<\/a> sticking out of the sides of the arrows.<\/p>\n<p class=\"caption\"><a href=\"\/images\/newtheme\/08-03\/theme05.jpg\"><img src=\"\/images\/newtheme\/08-03\/thumbnails\/theme05.jpg\" \/><\/a><\/p>\n<p>Find bar<\/p>\n<p>I really like the new find bar icon set. The only thing that doesn&#8217;t look so great is the new wrap icon, which looks very much like a stream of blue goo flowing over the top of an index card. The current icon (<img src=\"\/images\/wrap.png\" \/>) does a pretty good job of making it clear what&#8217;s going on while without the text next to it, I&#8217;m not sure what the new icon would be trying to tell me.<\/p>\n<p>Of course the beauty of using Firefox is that if I don&#8217;t like a particular icon or if I miss the 3D button backgrounds, I can change them without breaking a sweat. \ud83d\ude42<\/p>\n<p>Overall the new theme is looking great. Kudos to Michael Glenn, Michael Bodalski, Jay Goldman and anyone else on the <a href=\"http:\/\/www.radiantcore.com\">Radiant Core<\/a> team I may be forgetting. They really have done quite well in the very small window we gave them to get it done.<\/p>\n<p><span style=\"font-size: small\">Update: Updated the screenshots to contain the polished off version of the search engine drop-down.<\/span><\/p>\n<p><span style=\"font-size: small\">Update 2: Gavin and Mike recently checked in the changes to the win\/pinstripe themes and the tinderboxen have been respun. Builds containing the changes are on their way out the door! \ud83d\ude42<\/span><\/p>\n<p><a id=\"download\"><\/a><span style=\"font-size: small\">Update 3: Nightly builds from 2006-08-04-09-mozilla1.8 onward now contain the theme updates. You can download &#8217;em here: <a href=\"ftp:\/\/ftp.mozilla.org\/pub\/mozilla.org\/firefox\/nightly\/latest-mozilla1.8\">ftp:\/\/ftp.mozilla.org\/pub\/mozilla.org\/firefox\/nightly\/latest-mozilla1.8<\/a><\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Last night I worked on getting the new theme changes hacked into my trunk build. After about an hour of failed attempts, I ended up having to pull a new tree to get the patch to grudgingly apply &#8211; only to run into bug 346214 and a missing close tag introduced by the patch in &hellip; <a href=\"http:\/\/screwedbydesign.com\/blog\/2006\/08\/firefox_2_visual_refresh_progress.php\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Firefox 2 Visual Refresh Progress<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[5],"tags":[],"_links":{"self":[{"href":"http:\/\/screwedbydesign.com\/blog\/wp-json\/wp\/v2\/posts\/46"}],"collection":[{"href":"http:\/\/screwedbydesign.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/screwedbydesign.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/screwedbydesign.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/screwedbydesign.com\/blog\/wp-json\/wp\/v2\/comments?post=46"}],"version-history":[{"count":0,"href":"http:\/\/screwedbydesign.com\/blog\/wp-json\/wp\/v2\/posts\/46\/revisions"}],"wp:attachment":[{"href":"http:\/\/screwedbydesign.com\/blog\/wp-json\/wp\/v2\/media?parent=46"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/screwedbydesign.com\/blog\/wp-json\/wp\/v2\/categories?post=46"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/screwedbydesign.com\/blog\/wp-json\/wp\/v2\/tags?post=46"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}