diff --git a/source/images/logo.png b/source/images/logo.png
index 19578ea11d0..5b30d631cd1 100644
Binary files a/source/images/logo.png and b/source/images/logo.png differ
diff --git a/source/layouts/layout.erb b/source/layouts/layout.erb
index 20309180464..f96778b99cd 100644
--- a/source/layouts/layout.erb
+++ b/source/layouts/layout.erb
@@ -39,6 +39,7 @@ under the License.
       <% end %>
     <% end %>
     <title><%= current_page.data.title || "API Documentation" %></title>
+    <link rel="shortcut icon" type="image/x-icon" href="https://cdn.prod.website-files.com/68b01d3752e6264d97325944/68daa8eb822fdb04be08fdb7_32.png">
 
     <style media="screen">
       <%= Rouge::Themes::MonokaiSublimeSlate.render(:scope => '.highlight') %>
diff --git a/source/stylesheets/_variables.scss b/source/stylesheets/_variables.scss
index 769326182a2..701fdb1bed6 100644
--- a/source/stylesheets/_variables.scss
+++ b/source/stylesheets/_variables.scss
@@ -28,14 +28,14 @@ $examples-bg: #2E3336 !default;
 $code-bg: #1E2224 !default;
 $code-annotation-bg: #191D1F !default;
 $nav-subitem-bg: #1E2224 !default;
-$nav-active-bg: #0F75D4 !default;
+$nav-active-bg: #7a00ff !default;
 $nav-active-parent-bg: #1E2224 !default; // parent links of the current section
 $lang-select-border: #000 !default;
 $lang-select-bg: #1E2224 !default;
 $lang-select-active-bg: $examples-bg !default; // feel free to change this to blue or something
 $lang-select-pressed-bg: #111 !default; // color of language tab bg when mouse is pressed
 $main-bg: #F3F7F9 !default;
-$aside-notice-bg: #8fbcd4 !default;
+$aside-notice-bg: #d0bbe8 !default;
 $aside-warning-bg: #c97a7e !default;
 $aside-success-bg: #6ac174 !default;
 $search-notice-bg: #c97a7e !default;
diff --git a/source/stylesheets/screen.css.scss b/source/stylesheets/screen.css.scss
index fc603edef25..ac6bf838fc9 100644
--- a/source/stylesheets/screen.css.scss
+++ b/source/stylesheets/screen.css.scss
@@ -74,8 +74,12 @@ html, body {
   // This is the logo at the top of the ToC
   .logo {
     display: block;
-    max-width: 100%;
+    width: 75px;
+    height: 75px;
+    margin-left: auto;
+    margin-right: auto;
     margin-bottom: $logo-margin;
+    margin-top: 20px;
   }
 
   &>.search {