diff --git a/web3.js/.esdoc.json b/web3.js/.esdoc.json
index e993919a2a..e8d9d4ae10 100644
--- a/web3.js/.esdoc.json
+++ b/web3.js/.esdoc.json
@@ -38,6 +38,10 @@
       "option": {
         "all": true
       }
+    },
+    {
+      "name": "esdoc-inject-style-plugin",
+      "option": {"styles": ["css/theme.css"]}
     }
   ]
 }
diff --git a/web3.js/css/theme.css b/web3.js/css/theme.css
new file mode 100644
index 0000000000..8fb681ec6c
--- /dev/null
+++ b/web3.js/css/theme.css
@@ -0,0 +1,25 @@
+html {
+    font-family: Lato, 'Helvetica Neue', 'Arial', sans-serif;
+    color: var(--fg);
+    background-color: var(--bg);
+    text-size-adjust: none;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
+body {
+    margin: 0;
+    font-size: 1rem;
+    overflow-x: hidden;
+    font-family: Lato, 'Helvetica Neue', 'Arial', sans-serif;
+    font-size: 14px;
+    font-weight: 300;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
+code {
+    font-family: Consolas, Menlo, Monaco, "Lucida Console", "Liberation Mono", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", monospace, serif;
+    font-size: 13px; /* please adjust the ace font size accordingly in editor.js */
+    line-height: 1.5;
+}
diff --git a/web3.js/package.json b/web3.js/package.json
index 4011ed6a51..b03e175bec 100644
--- a/web3.js/package.json
+++ b/web3.js/package.json
@@ -71,6 +71,7 @@
     "bn.js": "^4.11.8",
     "bs58": "^4.0.1",
     "buffer-layout": "^1.2.0",
+    "esdoc-inject-style-plugin": "^1.0.0",
     "jayson": "^2.0.6",
     "mz": "^2.7.0",
     "node-fetch": "^2.2.0",