fix: documentation code colors

Dockerfile

@@ -0,0 +1,16 @@
+FROM python:3.9-slim-buster
+
+# Set working directory
+WORKDIR /usr/src/app
+
+# Copy files
+COPY ./docs ./docs
+COPY mkdocs.yml .
+
+RUN python -m pip install --upgrade pip
+RUN pip install mkdocs
+
+# Expose the listening port
+EXPOSE 8000
+
+CMD ["mkdocs", "serve", "--dev-addr=0.0.0.0:8000"]

docs/css/site.css

@@ -16,13 +16,19 @@
   background-position: 50% 0, 50% 0%;
 }
 
-pre {
-  color: #f8f8f2 !important;
-  background-color: #23241f !important;
-}
-
-code {
-  padding: 3px 5px !important;
+.rst-content pre code {
+  color: #f8f8f2;
+  background-color: #23241f;
+  white-space: pre;
+  padding: 1em;
+  line-height: 1.5em;
+  border-width: 1px;
+}
+
+.rst-content code {
+  color: #000000;
+  background-color: #ffffff;
+  border-width: 0;
 }
 
 p {

package.json

@@ -87,7 +87,9 @@
     "deploy:all": "npm-run-all deploy:demo deploy:site",
     "deploy:demo": "node tools/deploy-demo.js",
     "deploy:site": "node tools/deploy-site.js",
-    "docs": "mkdocs build",
+    "docs:build": "docker build -t fb_docs .",
+    "docs:serve": "docker run -p 8000:8000 -it fb_docs",
+    "docs": "npm-run-all docs:build docs:serve",
     "font": "babel-node tools/icon-font",
     "lint": "eslint ./src --ext .js || true",
     "lint:fix": "eslint ./src --ext .js --fix",