diff --git a/docs/_template/styles/docfx.css b/docs/_template/styles/docfx.css
index 57a02b2fc..8ec20152a 100644
--- a/docs/_template/styles/docfx.css
+++ b/docs/_template/styles/docfx.css
@@ -1,8 +1,9 @@
 /* Copyright (c) Microsoft Corporation. All Rights Reserved. Licensed under the MIT License. See License.txt in the project root for license information. */
-@import url('https://fonts.googleapis.com/css?family=PT+Sans');
+@import url('https://fonts.googleapis.com/css?family=Titillium+Web');
+@import url("dracula.css");
 html,
 body {
-  font-family: 'PT Sans', 'Segoe UI', Tahoma, Helvetica, sans-serif;
+  font-family: 'Titillium Web', 'Segoe UI', Tahoma, Helvetica, sans-serif;
   height: 100%;
   background: #212121;
   color: #C0C0C0
@@ -413,10 +414,6 @@ article section {
   margin-left: 0;
 }
 
-.sidenav, .fixed_header, .toc  {
-  background-color: #212121;
-}
-
 .sidetoc {
   position: fixed;
   width: 260px;
@@ -436,7 +433,6 @@ article section {
 
 body .toc{
   background-color: inherit;
-  overflow-x: hidden;
 }
 
 .sidetoggle.ng-hide {
@@ -591,7 +587,6 @@ body .toc{
   margin-top: 50px;
   font-size: 12px;
   max-height: 100%;
-  overflow: hidden;
   top: 100px;
   bottom: 10px;
   position: fixed;
@@ -867,6 +862,12 @@ pre > code .line-highlight {
     content:"\e086"
 }
 
+.alert-warning {
+  color: #fffaf2;
+  background: #80551a;
+  border-color: #99661f
+}
+
 .alert-warning h5:before {
     content:"\e127"
 }
@@ -968,4 +969,20 @@ code {
   color:white;
   background-color:#4a4c52;
   border-radius:4px
-}
\ No newline at end of file
+}
+pre {
+  background-color: #282a36;
+}
+
+/* table */
+.table-striped>tbody>tr:nth-of-type(odd) {
+  background-color:#333333;
+  color: #d3d3d3
+}
+tbody>tr {
+  background-color:#424242;
+  color: #c0c0c0
+}
+.table>tbody+tbody {
+  border-top:2px solid rgb(173, 173, 173)
+}
diff --git a/docs/_template/styles/dracula.css b/docs/_template/styles/dracula.css
new file mode 100644
index 000000000..78fbe45f3
--- /dev/null
+++ b/docs/_template/styles/dracula.css
@@ -0,0 +1,85 @@
+/* Dracula Theme v1.2.5
+ *
+ * https://github.com/dracula/highlightjs
+ *
+ * Copyright 2016-present, All rights reserved
+ *
+ * Code licensed under the MIT license
+ *
+ * @author Denis Ciccale <dciccale@gmail.com>
+ * @author Zeno Rocha <hi@zenorocha.com>
+ */
+
+.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 0.5em;
+  background: #282a36;
+}
+
+.hljs-built_in,
+.hljs-selector-tag,
+.hljs-section,
+.hljs-link,
+.hljs-keyword {
+  color: rgb(86, 156, 214);
+}
+
+/*
+.hljs-keyword {
+  color: rgb(86, 156, 214);
+}
+
+*/
+
+.hljs,
+.hljs-subst,
+.hljs-tag {
+  color: #f8f8f2 !important;
+}
+
+.hljs-string,
+.hljs-meta,
+.hljs-name,
+.hljs-type,
+.hljs-attr,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-addition,
+.hljs-variable,
+.hljs-template-tag,
+.hljs-template-variable,
+.hljs-title {
+  color: rgb(214, 157, 133);
+}
+
+.hljs-title {
+  color: rgb(78, 201, 176);
+}
+
+.hljs-comment,
+.hljs-quote,
+.hljs-deletion {
+  color: rgb(87, 166, 74);
+}
+
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-literal,
+.hljs-title,
+.hljs-section,
+.hljs-doctag,
+.hljs-type,
+.hljs-name,
+.hljs-strong {
+  font-weight: bold;
+}
+
+.hljs-literal,
+.hljs-number {
+  color: rgb(181, 206, 168);
+}
+
+.hljs-emphasis {
+  font-style: italic;
+}