diff --git a/website/docusaurus.config.js b/website/docusaurus.config.js
index a24cab32ef2..30f6ca993a9 100644
--- a/website/docusaurus.config.js
+++ b/website/docusaurus.config.js
@@ -266,7 +266,8 @@ var siteSettings = {
     "/css/fonts.css",
     "/css/entypo.css",
     "/css/search.css",
-    "/css/api.css",
+    "/css/redoc.css",
+    "/css/stoplight.css",
     "https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;500;600;700&display=swap",
     "https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@400;500;600;700&display=swap",
     {
diff --git a/website/static/css/api.css b/website/static/css/redoc.css
similarity index 99%
rename from website/static/css/api.css
rename to website/static/css/redoc.css
index 28b97fcddff..43a98b608b7 100644
--- a/website/static/css/api.css
+++ b/website/static/css/redoc.css
@@ -5,5 +5,4 @@ div.redoc-json code  span.token {
 
 div.redoc-json code {
     background-color: #11171b;
-
 }
diff --git a/website/static/css/stoplight.css b/website/static/css/stoplight.css
new file mode 100644
index 00000000000..389f4fd7067
--- /dev/null
+++ b/website/static/css/stoplight.css
@@ -0,0 +1,38 @@
+[data-theme="dark"] {
+    --stoplight-pre-background: #ebedf0;
+    --stoplight-pre-color: #333333;
+}
+
+[data-theme="light"] {
+    --stoplight-pre-background: var(--ifm-pre-background);
+    --stoplight-pre-color: var(--ifm-pre-color);
+}
+
+.sl-font-ui, .sl-font-prose, .sl-prose {
+    /* Ensure we use the same font in stoplight docs as in the rest of the docs site*/
+    font-family: var(--ifm-font-family-base) !important;
+}
+
+.sl-text-base {
+    /* Bump font size to make up for slightly smaller font family (above) */
+    font-size: 13px !important;
+}
+
+
+.sl-font-ui {
+    /* Bump font size to make up for slightly smaller font family (above) */
+    font-size: 14px !important;
+
+    & a {
+        /* Ensure link colors aren't overriden by docusaurus css */
+        color: var(--color-text) !important;
+    }
+}
+/* Ensure codeblocks are legible when using darkmode */
+.sl-panel__content pre {
+    background-color: var(--stoplight-pre-background) !important;
+
+    & .plain, .sl-code-highlight__ln {
+        color: var(--stoplight-pre-color) !important;
+    }
+}