diff --git a/docs/assets/themes/dracula.css b/docs/assets/themes/dracula.css
index 1886c0f..a58a3c4 100644
--- a/docs/assets/themes/dracula.css
+++ b/docs/assets/themes/dracula.css
@@ -234,14 +234,14 @@ section.has-light-background h6 {
 .reveal pre {
   display: block;
   position: relative;
-  width: 90%;
   margin: var(--r-block-margin) auto;
   text-align: left;
   font-size: 0.55em;
   font-family: var(--r-code-font);
   line-height: 1.2em;
-  word-wrap: break-word;
   box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
+  inline-size: min-content;
+  max-width: 90%;
 }
 
 .reveal code {
@@ -253,9 +253,9 @@ section.has-light-background h6 {
 .reveal pre code {
   display: block;
   padding: 5px;
-  overflow: auto;
   max-height: 400px;
-  word-wrap: normal;
+  word-wrap: break-word;
+  overflow-wrap: break-word;
 }
 
 .reveal .code-wrapper {
diff --git a/docs/assets/themes/highlight/tokyo-night-dark.css b/docs/assets/themes/highlight/tokyo-night-dark.css
new file mode 100644
index 0000000..d56efad
--- /dev/null
+++ b/docs/assets/themes/highlight/tokyo-night-dark.css
@@ -0,0 +1,115 @@
+pre code.hljs {
+  display: block;
+  padding: 1em;
+}
+
+code.hljs {
+  padding: 3px 5px;
+}
+
+/*!
+  Theme: Tokyo-night-Dark
+  origin: https://github.com/enkia/tokyo-night-vscode-theme
+  Description: Original highlight.js style
+  Author: (c) Henri Vandersleyen <hvandersleyen@gmail.com>
+  License: see project LICENSE
+  Touched: 2022
+*/
+/*  Comment */
+.hljs-meta,
+.hljs-comment {
+  color: #565f89;
+}
+/* Red */
+/*INFO: This keyword, HTML elements, Regex group symbol, CSS units, Terminal Red */
+.hljs-tag,
+.hljs-doctag,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-regexp,
+.hljs-template-tag,
+.hljs-selector-pseudo,
+.hljs-selector-attr,
+.hljs-variable.language_,
+.hljs-deletion {
+  color: #f7768e;
+}
+/*Orange */
+/*INFO: Number and Boolean constants, Language support constants */
+.hljs-variable,
+.hljs-template-variable,
+.hljs-number,
+.hljs-literal,
+.hljs-type,
+.hljs-params,
+.hljs-link {
+  color: #ff9e64;
+}
+/*  Yellow */
+/* INFO:  	Function parameters, Regex character sets, Terminal Yellow */
+.hljs-built_in,
+.hljs-attribute {
+  color: #e0af68;
+}
+/* cyan */
+/* INFO: Language support functions, CSS HTML elements */
+.hljs-selector-tag {
+  color: #2ac3de;
+}
+/* light blue */
+/* INFO: Object properties, Regex quantifiers and flags, Markdown headings, Terminal Cyan, Markdown code, Import/export keywords */
+.hljs-keyword,
+.hljs-title.function_,
+.hljs-title,
+.hljs-title.class_,
+.hljs-title.class_.inherited__,
+.hljs-subst,
+.hljs-property {
+  color: #7dcfff;
+}
+/*Green*/
+/* INFO: Object literal keys, Markdown links, Terminal Green */
+.hljs-selector-tag {
+  color: #73daca;
+}
+/*Green(er) */
+/* INFO: Strings, CSS class names */
+.hljs-quote,
+.hljs-string,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-addition {
+  color: #9ece6a;
+}
+/* Blue */
+/* INFO:  	Function names, CSS property names, Terminal Blue */
+.hljs-code,
+.hljs-formula,
+.hljs-section {
+  color: #7aa2f7;
+}
+/* Magenta */
+/*INFO: Control Keywords, Storage Types, Regex symbols and operators, HTML Attributes, Terminal Magenta */
+.hljs-name,
+.hljs-keyword,
+.hljs-operator,
+.hljs-keyword,
+.hljs-char.escape_,
+.hljs-attr {
+  color: #bb9af7;
+}
+/* white*/
+/* INFO: Variables, Class names, Terminal White */
+.hljs-punctuation {
+  color: #c0caf5;
+}
+.hljs {
+  background: #1a1b26;
+  color: #9aa5ce;
+}
+.hljs-emphasis {
+  font-style: italic;
+}
+.hljs-strong {
+  font-weight: bold;
+}
diff --git a/mkslides.yml b/mkslides.yml
index 5911544..b17a574 100644
--- a/mkslides.yml
+++ b/mkslides.yml
@@ -1,5 +1,5 @@
 slides:
-    highlight_theme: tokyo-night-dark
+    highlight_theme: docs/assets/themes/highlight/tokyo-night-dark.css
     theme: docs/assets/themes/dracula.css
     template: docs/assets/templates/slideshow.html.jinja
 revealjs: