diff --git a/docs/_static/espressif-logo.svg b/docs/_static/espressif-logo.svg
new file mode 100644
index 000000000..210ae205e
--- /dev/null
+++ b/docs/_static/espressif-logo.svg
@@ -0,0 +1,113 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 787.5 190.5" style="enable-background:new 0 0 787.5 190.5;" xml:space="preserve">
+<style type="text/css">
+	.st0{display:none;fill:none;stroke:#D5D5D5;stroke-width:0.8701;}
+	.st1{clip-path:url(#SVGID_2_);}
+	.st2{fill:#FF3034;}
+	.st3{clip-path:url(#SVGID_4_);}
+	.st4{clip-path:url(#SVGID_5_);fill:#FF3034;}
+	.st5{clip-path:url(#SVGID_6_);}
+	.st6{clip-path:url(#SVGID_8_);}
+</style>
+<line class="st0" x1="458.7" y1="111.1" x2="458.6" y2="179.4"/>
+<g>
+	<defs>
+		<rect id="SVGID_1_" x="-3.6" y="205.4" width="197" height="328"/>
+	</defs>
+	<clipPath id="SVGID_2_">
+		<use xlink:href="#SVGID_1_"  style="overflow:visible;"/>
+	</clipPath>
+	<g class="st1">
+		<rect x="1.4" y="211.4" class="st2" width="186" height="186"/>
+		<text transform="matrix(1 0 0 1 -0.6101 430.4418)"><tspan x="0" y="0" style="font-family:'HelveticaNeue-Bold'; font-size:21.0508px;">ESPRESSIF  LOGO</tspan><tspan x="0" y="24" style="font-family:'HelveticaNeue-Bold'; font-size:20px;">Pantone No. 3556 C</tspan><tspan x="0" y="48" style="font-family:'HelveticaNeue-Medium'; font-size:15px;">CMYK   0/83/96/0</tspan><tspan x="0" y="66" style="font-family:'HelveticaNeue-Medium'; font-size:15px;">RGB     255/48/52</tspan><tspan x="0" y="84" style="font-family:'HelveticaNeue-Medium'; font-size:15px;"># FF3034</tspan></text>
+	</g>
+</g>
+<g>
+	<defs>
+		<rect id="SVGID_3_" x="-3.6" y="-4.6" width="794" height="198"/>
+	</defs>
+	<clipPath id="SVGID_4_">
+		<use xlink:href="#SVGID_3_"  style="overflow:visible;"/>
+	</clipPath>
+	<g class="st3">
+		<defs>
+			<rect id="SVGID_7_" x="67.2" y="37.7" width="117" height="117.6"/>
+		</defs>
+		<clipPath id="SVGID_5_">
+			<use xlink:href="#SVGID_7_"  style="overflow:visible;"/>
+		</clipPath>
+		<path class="st4" d="M105.9,125.2c0,4.6-3.7,8.3-8.3,8.3c-4.6,0-8.3-3.7-8.3-8.3c0-4.6,3.7-8.3,8.3-8.3
+			C102.2,116.9,105.9,120.6,105.9,125.2"/>
+		<path class="st4" d="M178.1,116.6C172.8,79,143,49.2,105.4,43.9c-4.4,2.3-8.4,5.3-12,8.7v8c37.5,0,68,30.5,68,68h8
+			C172.8,125,175.7,121,178.1,116.6"/>
+		<path class="st4" d="M184.3,91.5c0-29.7-24.1-53.8-53.8-53.8c-1.9,0-3.7,0.1-5.5,0.3l-1.2,3.5c26.4,9.2,47.4,30.2,56.6,56.6
+			l3.6-1.3C184.2,95.1,184.3,93.3,184.3,91.5"/>
+		<path class="st4" d="M130.4,132.2c1.3-13.3-4.6-25.8-14.6-33.3c-5.3-4-11.7-6.6-18.7-7.3c-1.8-0.2-3.2-1.8-3-3.6
+			c0.2-1.7,1.6-3,3.2-3c0.1,0,0.3,0,0.4,0c7.6,0.8,14.6,3.4,20.5,7.5c12.7,8.8,20.4,24,18.7,40.4c-0.3,2.6-0.8,5.1-1.5,7.5l9.7,2.7
+			c2.9-0.8,5.7-1.9,8.4-3.2c0.7-3.7,1.1-7.5,1.1-11.5c0-30.7-22.7-56.3-52.3-60.6c-3.5-0.5-7.1-0.5-9.8,0.1
+			c-9.1,2.3-15.8,10.5-15.8,20.3c0,9.3,6.1,17.3,14.6,19.9c1.6,0.5,4.1,0.7,5.3,0.9h0.1c9.2,1.6,16.3,9.7,16.3,19.4
+			c0,3.9-1.2,7.5-3.1,10.6l6.7,4.3c3.2,0.9,6.6,1.4,10,1.7C128.7,141.1,130,136.8,130.4,132.2"/>
+		<path class="st4" d="M131.1,155.3c-17.1,0-33.1-6.6-45.2-18.7c-12.1-12.1-18.7-28.1-18.7-45.2c0-17.1,6.6-33.1,18.7-45.2
+			c0.9-0.9,2.5-0.9,3.4,0c0.9,0.9,0.9,2.5,0,3.4c-11.2,11.2-17.3,26-17.3,41.8c0,15.8,6.1,30.6,17.3,41.8
+			c11.2,11.2,26,17.3,41.8,17.3c15.8,0,30.6-6.1,41.8-17.3c0.9-0.9,2.5-0.9,3.4,0c0.9,0.9,0.9,2.5,0,3.4
+			C164.2,148.7,148.2,155.3,131.1,155.3"/>
+	</g>
+	<g class="st3">
+		<defs>
+			<rect id="SVGID_9_" x="231.3" y="61.5" width="477.5" height="70.1"/>
+		</defs>
+		<clipPath id="SVGID_6_">
+			<use xlink:href="#SVGID_9_"  style="overflow:visible;"/>
+		</clipPath>
+		<polygon class="st5" points="231.3,62.3 231.3,130.7 278,130.7 278,118.3 245.4,118.3 245.4,74.6 276.6,74.6 276.6,62.3 		"/>
+	</g>
+	<g class="st3">
+		<defs>
+			<rect id="SVGID_11_" x="231.3" y="61.5" width="477.5" height="70.1"/>
+		</defs>
+		<clipPath id="SVGID_8_">
+			<use xlink:href="#SVGID_11_"  style="overflow:visible;"/>
+		</clipPath>
+		<path class="st6" d="M311.3,131.6c-3.3,0-6.3-0.4-9-1.1c-2.7-0.7-5.1-1.7-7.2-3c-2.1-1.3-4-2.8-5.6-4.5c-1.6-1.8-2.9-3.6-3.9-5.6
+			l11.5-6.6c1.5,2.5,3.4,4.5,5.5,6.1c2.1,1.6,4.9,2.4,8.4,2.4c2.9,0,5.3-0.7,7-2c1.7-1.3,2.6-3,2.6-5c0-2.4-0.9-4.2-2.7-5.4
+			c-1.8-1.2-4.3-2.5-7.5-3.9l-3.5-1.5c-2.6-1.1-4.9-2.2-6.9-3.5c-2.1-1.3-3.9-2.8-5.3-4.4c-1.5-1.7-2.6-3.6-3.4-5.7
+			c-0.8-2.1-1.2-4.7-1.2-7.6c0-2.6,0.5-5.1,1.5-7.4c1-2.3,2.3-4.3,4.1-5.9c1.8-1.7,3.9-3,6.5-3.9c2.5-0.9,5.4-1.4,8.5-1.4
+			c4.5,0,8.4,0.9,11.6,2.6c3.3,1.7,6.1,4.6,8.4,8.8l-11,7c-1.2-2.1-2.5-3.7-3.9-4.6c-1.4-0.9-3.1-1.4-5.1-1.4
+			c-2.1,0-3.7,0.6-4.9,1.7c-1.2,1.1-1.8,2.6-1.8,4.3c0,2.1,0.7,3.8,2.1,4.9c1.4,1.1,3.6,2.3,6.6,3.7l3.5,1.5c3,1.3,5.7,2.6,8,4
+			c2.3,1.4,4.3,2.9,5.8,4.6c1.6,1.7,2.8,3.6,3.6,5.8c0.8,2.2,1.3,4.7,1.3,7.7c0,3.1-0.6,5.9-1.8,8.4c-1.2,2.4-2.8,4.5-4.9,6.2
+			c-2.1,1.7-4.5,2.9-7.4,3.8C317.7,131.1,314.6,131.6,311.3,131.6"/>
+		<path class="st6" d="M345.5,62.3h18.9c4.8,0,9,0.6,12.8,1.8c3.8,1.2,7,2.9,9.6,5.2c2.6,2.3,4.6,5.1,6,8.3c1.4,3.3,2.1,7,2.1,11.1
+			c0,4.2-0.7,7.9-2.1,11.1c-1.4,3.2-3.4,6-6,8.2c-2.6,2.2-5.8,4-9.6,5.2c-3.8,1.2-8.1,1.8-12.8,1.8h-4.8v15.6h-14.1V62.3z
+			 M364,102.7c5.8,0,10-1.2,12.6-3.5c2.6-2.3,3.9-5.8,3.9-10.5c0-4.8-1.3-8.3-4-10.6c-2.7-2.3-6.8-3.5-12.5-3.5h-4.4v28.1H364z"/>
+		<path class="st6" d="M456.5,130.7h-16.3l-11.3-17.3c-1.3,0.2-2.7,0.3-4,0.3h-4.8v17H406V62.3h18.9c9.6,0,17.1,2.2,22.5,6.6
+			c5.4,4.4,8.1,10.8,8.1,19.2c0,5.4-1.1,9.8-3.4,13.2c-2.3,3.4-5.5,6.1-9.8,8L456.5,130.7z M424.5,101.4c5.8,0,10-1,12.6-3
+			c2.6-2,3.9-5.4,3.9-10.3c0-4.8-1.3-8.3-4-10.4c-2.7-2.1-6.8-3.1-12.5-3.1h-4.4v26.7H424.5z"/>
+		<path class="st6" d="M547.7,131.6c-3.3,0-6.3-0.4-9-1.1c-2.7-0.7-5.1-1.7-7.2-3c-2.1-1.3-4-2.8-5.6-4.5c-1.6-1.8-2.9-3.6-3.9-5.6
+			l11.5-6.6c1.5,2.5,3.4,4.5,5.5,6.1c2.1,1.6,4.9,2.4,8.4,2.4c2.9,0,5.3-0.7,7-2c1.7-1.3,2.6-3,2.6-5c0-2.4-0.9-4.2-2.7-5.4
+			c-1.8-1.2-4.3-2.5-7.5-3.9l-3.5-1.5c-2.5-1.1-4.9-2.2-6.9-3.5c-2.1-1.3-3.9-2.8-5.3-4.4c-1.5-1.7-2.6-3.6-3.4-5.7
+			c-0.8-2.1-1.2-4.7-1.2-7.6c0-2.6,0.5-5.1,1.5-7.4c1-2.3,2.3-4.3,4.1-5.9c1.8-1.7,3.9-3,6.5-3.9c2.5-0.9,5.4-1.4,8.5-1.4
+			c4.5,0,8.4,0.9,11.6,2.6c3.2,1.7,6,4.6,8.4,8.8l-11,7c-1.2-2.1-2.5-3.7-3.9-4.6c-1.4-0.9-3.1-1.4-5.1-1.4c-2.1,0-3.7,0.6-4.9,1.7
+			c-1.2,1.1-1.8,2.6-1.8,4.3c0,2.1,0.7,3.8,2.1,4.9c1.4,1.1,3.6,2.3,6.6,3.7l3.5,1.5c3,1.3,5.7,2.6,8,4c2.3,1.4,4.3,2.9,5.8,4.6
+			c1.6,1.7,2.8,3.6,3.6,5.8c0.8,2.2,1.3,4.7,1.3,7.7c0,3.1-0.6,5.9-1.8,8.4c-1.2,2.4-2.8,4.5-4.9,6.2c-2.1,1.7-4.5,2.9-7.4,3.8
+			C554.1,131.1,551,131.6,547.7,131.6"/>
+		<path class="st6" d="M601.6,131.6c-3.3,0-6.3-0.4-8.9-1.1c-2.7-0.7-5.1-1.7-7.2-3c-2.1-1.3-4-2.8-5.6-4.5
+			c-1.6-1.8-2.9-3.6-3.9-5.6l11.5-6.6c1.5,2.5,3.4,4.5,5.5,6.1c2.1,1.6,4.9,2.4,8.4,2.4c2.9,0,5.3-0.7,7-2c1.7-1.3,2.6-3,2.6-5
+			c0-2.4-0.9-4.2-2.7-5.4c-1.8-1.2-4.3-2.5-7.5-3.9l-3.5-1.5c-2.5-1.1-4.9-2.2-6.9-3.5c-2.1-1.3-3.9-2.8-5.3-4.4
+			c-1.5-1.7-2.6-3.6-3.4-5.7c-0.8-2.1-1.2-4.7-1.2-7.6c0-2.6,0.5-5.1,1.5-7.4c1-2.3,2.3-4.3,4.1-5.9c1.8-1.7,3.9-3,6.5-3.9
+			c2.5-0.9,5.4-1.4,8.5-1.4c4.5,0,8.4,0.9,11.6,2.6c3.2,1.7,6,4.6,8.4,8.8l-11,7c-1.2-2.1-2.5-3.7-3.9-4.6c-1.4-0.9-3.1-1.4-5.1-1.4
+			c-2.1,0-3.7,0.6-4.9,1.7c-1.2,1.1-1.8,2.6-1.8,4.3c0,2.1,0.7,3.8,2.1,4.9c1.4,1.1,3.6,2.3,6.6,3.7l3.5,1.5c3,1.3,5.7,2.6,8,4
+			c2.3,1.4,4.3,2.9,5.8,4.6c1.6,1.7,2.8,3.6,3.6,5.8c0.8,2.2,1.3,4.7,1.3,7.7c0,3.1-0.6,5.9-1.8,8.4c-1.2,2.4-2.8,4.5-4.9,6.2
+			c-2.1,1.7-4.5,2.9-7.4,3.8C608.1,131.1,605,131.6,601.6,131.6"/>
+		<rect x="636.2" y="62.3" class="st6" width="14.1" height="68.4"/>
+		<polygon class="st6" points="664.8,62.3 708.8,62.3 708.8,74.6 678.9,74.6 678.9,130.7 664.8,130.7 		"/>
+		<polygon class="st6" points="467.7,62.3 513,62.3 513,74.6 481.8,74.6 481.8,118.3 514.4,118.3 514.4,130.7 467.7,130.7 		"/>
+		<path class="st6" d="M678.9,119.3L665.2,130c0-19.6,12.6-39.4,40.9-39.4v12.7C686.8,103.3,678.9,113.5,678.9,119.3"/>
+		<path class="st6" d="M245.3,118.4l-14,11.6c0-19.6,12.6-39.4,40.9-39.4v12.7c-19.1,0-26.6,10.1-26.8,14.9
+			C245.4,118.2,245.3,118.3,245.3,118.4"/>
+		<path class="st6" d="M481.7,118.4l-14,11.6c0-19.6,12.6-39.4,40.9-39.4v12.7c-19.1,0-26.6,10.1-26.8,14.9
+			C481.8,118.2,481.7,118.3,481.7,118.4"/>
+	</g>
+</g>
+</svg>
diff --git a/docs/_static/theme_overrides.css b/docs/_static/theme_overrides.css
index 63ee6cc74..df1cdd442 100644
--- a/docs/_static/theme_overrides.css
+++ b/docs/_static/theme_overrides.css
@@ -1,13 +1,42 @@
 /* override table width restrictions */
 @media screen and (min-width: 767px) {
 
-   .wy-table-responsive table td {
-      /* !important prevents the common CSS stylesheets from overriding
-         this as on RTD they are loaded after this stylesheet */
-      white-space: normal !important;
-   }
+  .wy-table-responsive table td {
+    /* !important prevents the common CSS stylesheets from overriding
+       this as on RTD they are loaded after this stylesheet */
+    white-space: normal !important;
+  }
 
-   .wy-table-responsive {
-      overflow: visible !important;
-   }
+  .wy-table-responsive {
+    overflow: visible !important;
+  }
+}
+
+.wy-side-nav-search {
+  background-color: #e3e3e3 !important;
+}
+
+.wy-side-nav-search input[type=text] {
+   border-radius: 0px !important;
+   border-color: #333333 !important;
+}
+
+.icon-home {
+  color: #333333 !important;
+}
+
+.icon-home:hover {
+  background-color: #d6d6d6 !important;
+}
+
+.version {
+  color: #000000 !important;
+}
+
+a:hover {
+  color: #bd2c2a !important;
+}
+
+.logo {
+  width: 240px !important;
 }
diff --git a/docs/conf_common.py b/docs/conf_common.py
index 474653235..560e4e639 100644
--- a/docs/conf_common.py
+++ b/docs/conf_common.py
@@ -186,7 +186,7 @@ html_theme = 'default'
 
 # The name of an image file (relative to this directory) to place at the top
 # of the sidebar.
-#html_logo = None
+html_logo = "../_static/espressif-logo.svg"
 
 # The name of an image file (within the static path) to use as favicon of the
 # docs.  This file should be a Windows icon file (.ico) being 16x16 or 32x32