White logo

website/core/HeaderLinks.js

@@ -15,6 +15,7 @@ var HeaderLinks = React.createClass({
   links: [
     {section: 'docs', href: '/react-native/docs/getting-started.html#content', text: 'docs'},
     {section: 'support', href: '/react-native/support.html', text: 'support'},
+    {section: 'react', href: 'http://facebook.github.io/react', text: 'react'},
     {section: 'github', href: 'http://github.com/facebook/react-native', text: 'github'},
   ],
 

website/core/Site.js

@@ -39,7 +39,7 @@ var Site = React.createClass({
             <div className="nav-main">
               <div className="wrap">
                 <a className="nav-home" href="/react-native/">
-                  <img src="/react-native/img/logo.png" />
+                  <img src="/react-native/img/header_logo.png" />
                   React Native
                 </a>
                 <HeaderLinks section={this.props.section} />

website/src/react-native/css/react-native.css

@@ -285,10 +285,13 @@ h1:hover .hash-link, h2:hover .hash-link, h3:hover .hash-link, h4:hover .hash-li
 }
 
 .nav-home img {
-  vertical-align: -7px;
-  margin-right: 7px;
-  width: 30px;
-  height: 30px;
+  vertical-align: -9px;
+  margin-right: 8px;
+  margin-left: 1px;
+  width: 34px;
+}
+.nav-main a.nav-home {
+  color: white;
 }
 
 .nav-main ul {