theme change

documentation/dev-portal/book.toml

@@ -17,7 +17,7 @@ src = "src"
 # - run `mdbook build`: this will rebuild the `./theme` directory
 # - change value of `turn-off` back to `true`
 [preprocessor.theme]
-pagetoc        = true
+pagetoc = true
 # some variables related (defined in theme/css/variables.css)
 # `content-max-width` + `pagetoc-width` = 95% seems the best
 pagetoc-width            = "13%"
@@ -37,7 +37,7 @@ nav-chapters-min-width    = "auto"
 chapter-line-height       = "2em"
 section-line-height       = "1.5em"
 
-# # if true, never read and touch the files in theme dir
+# if true, never read and touch the files in theme dir
 turn-off = false
 
 [preprocessor.admonish]
@@ -77,7 +77,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"

documentation/dev-portal/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;
+}

documentation/dev-portal/last-changed.css

@@ -1,6 +0,0 @@
-footer {
-    font-size: 0.8em;
-    text-align: center;
-    border-top: 1px solid black;
-    padding: 5px 0;
-  }