diff --git a/documentation/docs/book.toml b/documentation/docs/book.toml
index cda7e3db07..ce666bddf2 100644
--- a/documentation/docs/book.toml
+++ b/documentation/docs/book.toml
@@ -85,7 +85,7 @@ curly-quotes = true
 # mathjax-support = false # useful if we want to pull equations in
 copy-fonts = true
 no-section-label = false
-additional-css = ["theme/pagetoc.css", "././mdbook-admonish.css", "last-changed.css"]
+additional-css = ["theme/pagetoc.css", "././mdbook-admonish.css", "./custom.css"]
 additional-js  = ["theme/pagetoc.js"]
 git-repository-url = "https://github.com/nymtech/nym"
 git-repository-icon = "fa-github"
diff --git a/documentation/docs/custom.css b/documentation/docs/custom.css
new file mode 100644
index 0000000000..170e91dd26
--- /dev/null
+++ b/documentation/docs/custom.css
@@ -0,0 +1,38 @@
+:root {
+  --mono-font: "Open Sans", Consolas, "Ubuntu Mono", Menlo, "DejaVu Sans Mono",
+    monospace, monospace;
+}
+.coal {
+  --bg: #121726;
+  --fg: #f2f2f2;
+
+  --sidebar-bg: #121726;
+  --sidebar-fg: #f2f2f2;
+  --sidebar-active: #fb6e4e;
+
+  --icons: #f2f2f2;
+  --icons-hover: #fb6e4e;
+
+  --links: #fb6e4e;
+}
+
+.light {
+  --bg: #f4f6f8;
+  --fg: #121726;
+
+  --sidebar-bg: #f4f6f8;
+  --sidebar-fg: #121726;
+  --sidebar-active: #fb6e4e;
+
+  --icons: #121726;
+  --icons-hover: #fb6e4e;
+
+  --links: #fb6e4e;
+}
+
+footer {
+  font-size: 0.8em;
+  text-align: center;
+  border-top: 1px solid black;
+  padding: 5px 0;
+}