diff --git a/book/theme/css/chrome.css b/book/theme/css/chrome.css
index 21c08b930..944da0771 100644
--- a/book/theme/css/chrome.css
+++ b/book/theme/css/chrome.css
@@ -493,3 +493,7 @@ ul#searchresults span.teaser em {
     border-top-left-radius: inherit;
     border-top-right-radius: inherit;
 }
+
+tbody{
+  padding:15px;
+}
diff --git a/book/theme/css/general.css b/book/theme/css/general.css
index 63317b39b..fbb378545 100644
--- a/book/theme/css/general.css
+++ b/book/theme/css/general.css
@@ -1,3 +1,75 @@
+/* Fonts */
+
+@font-face {
+  font-family: 'Inter';
+  font-style:  normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url("../fonts/Inter-Regular.woff2?v=3.19") format("woff2"),
+       url("../fonts/Inter-Regular.woff?v=3.19") format("woff");
+}
+@font-face {
+  font-family: 'Inter';
+  font-style:  italic;
+  font-weight: 400;
+  font-display: swap;
+  src: url("../fonts/Inter-Italic.woff2?v=3.19") format("woff2"),
+       url("../fonts/Inter-Italic.woff?v=3.19") format("woff");
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style:  normal;
+  font-weight: 700;
+  font-display: swap;
+  src: url("../fonts/Inter-Bold.woff2?v=3.19") format("woff2"),
+       url("../fonts/Inter-Bold.woff?v=3.19") format("woff");
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style:  italic;
+  font-weight: 700;
+  font-display: swap;
+  src: url("../fonts/Inter-BoldItalic.woff2?v=3.19") format("woff2"),
+       url("../fonts/Inter-BoldItalic.woff?v=3.19") format("woff");
+}
+
+@font-face {
+  font-family: 'InterDisplay';
+  font-style:  normal;
+  font-weight: 900;
+  font-display: swap;
+  src: url("../fonts/InterDisplay-Black.woff2?v=3.19") format("woff2"),
+       url("../fonts/InterDisplay-Black.woff?v=3.19") format("woff");
+}
+
+@font-face {
+  font-family: 'InterDisplay';
+  font-style:  italic;
+  font-weight: 900;
+  font-display: swap;
+  src: url("../fonts/InterDisplay-BlackItalic.woff2?v=3.19") format("woff2"),
+       url("../fonts/InterDisplay-BlackItalic.woff?v=3.19") format("woff");
+}
+
+@font-face {
+  font-family: 'Chomsky';
+  font-style:  normal;
+  font-weight: 700;
+  font-display: swap;
+  src:  url("../fonts/Chomsky.otf") format("otf"),
+}
+
+@font-face {
+  font-family: 'IBMPlexMono';
+  font-style:  normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url("../fonts/IBMPlexMono-Regular.otf") format("otf"),
+	     url("../fonts/IBMPlexMono-Regular.woff?v=3.19") format("woff");
+}
+
 /* Base styles and content styles */
 
 @import 'variables.css';
@@ -8,20 +80,22 @@
 }
 
 html {
-    font-family: "Open Sans", sans-serif;
+    font-family: "Inter", sans-serif;
     color: var(--fg);
     background-color: var(--bg);
     text-size-adjust: none;
+    -webkit-text-size-adjust: none;
 }
 
 body {
     margin: 0;
     font-size: 1.6rem;
     overflow-x: hidden;
+    padding-bottom:80px;
 }
 
 code {
-    font-family: "Source Code Pro", Consolas, "Ubuntu Mono", Menlo, "DejaVu Sans Mono", monospace, monospace !important;
+    font-family: "IBMPlexMono", Consolas, "Ubuntu Mono", Menlo, "DejaVu Sans Mono", monospace, monospace !important;
     font-size: 0.875em; /* please adjust the ace font size accordingly in editor.js */
 }
 
@@ -91,7 +165,7 @@ h6:target::before {
 .content ol { line-height: 1.45em; }
 .content ul { line-height: 1.45em; }
 .content a { text-decoration: none; }
-.content a:hover { text-decoration: underline; }
+.content a:hover { text-decoration: underline }
 .content img, .content video { max-width: 100%; }
 .content .header:link,
 .content .header:visited {
diff --git a/book/theme/css/variables.css b/book/theme/css/variables.css
index 56b634bc3..9a105dedc 100644
--- a/book/theme/css/variables.css
+++ b/book/theme/css/variables.css
@@ -11,37 +11,37 @@
 /* Themes */
 
 .ayu {
-    --bg: hsl(210, 25%, 8%);
-    --fg: #c5c5c5;
+    --bg: #0B0B0C;
+    --fg: #E0E0E0;
 
-    --sidebar-bg: #14191f;
-    --sidebar-fg: #c8c9db;
+    --sidebar-bg: #0B0B0C;
+    --sidebar-fg: #fff;
     --sidebar-non-existant: #5c6773;
-    --sidebar-active: #ffb454;
+    --sidebar-active: #29BFBF;
     --sidebar-spacer: #2d334f;
 
-    --scrollbar: var(--sidebar-fg);
+    --scrollbar: #333333;
 
     --icons: #737480;
     --icons-hover: #b7b9cc;
 
-    --links: #0096cf;
+    --links: #29BFBF;
 
-    --inline-code-color: #ffb454;
+    --inline-code-color: #B6B6B6;
 
     --theme-popup-bg: #14191f;
     --theme-popup-border: #5c6773;
-    --theme-hover: #191f26;
+    --theme-hover: #181818;
 
-    --quote-bg: hsl(226, 15%, 17%);
-    --quote-border: hsl(226, 15%, 22%);
+    --quote-bg: #181818;
+    --quote-border: #181818;
 
-    --table-border-color: hsl(210, 25%, 13%);
-    --table-header-bg: hsl(210, 25%, 28%);
-    --table-alternate-bg: hsl(210, 25%, 11%);
+    --table-border-color: none;
+    --table-header-bg: #181818;
+    --table-alternate-bg: none;
 
     --searchbar-border-color: #848484;
-    --searchbar-bg: #424242;
+    --searchbar-bg: #131313;
     --searchbar-fg: #fff;
     --searchbar-shadow-color: #d4c89f;
     --searchresults-header-fg: #666;