Merge pull request #3240 from magento/yb_redoc-theme

Redoc updates

Author: belbiy

_layouts/redoc.html

@@ -1,7 +1,51 @@
 {% include layout/header.html %}
 
 <div class="content-container">
-    {{ content }}
+    <div id="redoc-container"></div>
 </div>
 
+<script src="https://cdn.jsdelivr.net/npm/redoc@2.0.0-alpha.41/bundles/redoc.standalone.js"> </script>
+<script>
+    Redoc.init('{{ page.specUrl }}', {
+        scrollYOffset: '.site-nav',
+        hideHostname: true,
+        sortPropsAlphabetically: true,
+        pathInMiddlePanel: true,
+        hideDownloadButton: true,
+        showExtensions: true,
+        nativeScrollbars: true,
+        lazyRendering: true,
+        theme: {
+            colors: {
+                tonalOffset: 0.2,
+                primary: {
+                    main: '#2b2b2c',
+                },
+                success: {
+                    main: '#008000',
+                    light: '#ecf7ed',
+                },
+                error: {
+                    main: '#cc0000',
+                },
+                responses: {
+                    success: {
+                        backgroundColor: '#ecf7ed',
+                    },
+                    error: {
+                        backgroundColor: '#ffebeb',
+                    }
+                }
+            },
+            typography: {
+                fontFamily: '',
+                headings: {
+                    fontFamily: '',
+                }
+            },
+        }
+    }, document.getElementById('redoc-container'))
+
+</script>
+
 {% include layout/footer.html %}

redoc/2.3/admin-rest-api.html

@@ -1,14 +1,4 @@
 ---
 layout: redoc
+specUrl: admin-schema.json
 ---
-<redoc spec-url='admin-schema.json' 
-    hide-hostname=true 
-    sort-props-alphabetically=true
-    path-in-middle-panel=true
-    hide-download-button=true
-    show-extensions=true
-    scroll-y-offset='.site-nav'
-    native-scrollbars=true
-    lazy-rendering=true
-    ></redoc>
-<script src="https://rebilly.github.io/ReDoc/releases/v1.22.1/redoc.min.js"> </script>

redoc/2.3/admin-schema.json

@@ -3,6 +3,7 @@
   "info": { "version": "2.3", "title": "Magento Admin API - All inclusive" },
   "host": "magento2.vagrant12",
   "basePath": "/rest/default",
+  "produces": ["application/json"],
   "schemes": ["http"],
   "tags": [
     { "name": "addresses/{addressId}" },

redoc/2.3/customer-rest-api.html

@@ -1,14 +1,4 @@
 ---
 layout: redoc
----
-<redoc spec-url='customer-schema.json' 
-    hide-hostname=true 
-    sort-props-alphabetically=true
-    path-in-middle-panel=true
-    hide-download-button=true
-    show-extensions=true
-    scroll-y-offset='.site-nav'
-    native-scrollbars=true
-    lazy-rendering=true
-    ></redoc>
-<script src="https://rebilly.github.io/ReDoc/releases/v1.22.1/redoc.min.js"> </script>
+specUrl: customer-schema.json
+---

redoc/2.3/customer-schema.json

@@ -3,6 +3,7 @@
   "info": { "version": "2.3", "title": "Magento Customer API" },
   "host": "magento2.vagrant12",
   "basePath": "/rest/default",
+  "produces": ["application/json"],
   "schemes": ["http"],
   "tags": [
     { "name": "carts/guest-carts/{cartId}/checkGiftCard/{giftCardCode}" },

redoc/2.3/guest-rest-api.html

@@ -1,14 +1,4 @@
 ---
 layout: redoc
----
-<redoc spec-url='guest-schema.json' 
-    hide-hostname=true 
-    sort-props-alphabetically=true
-    path-in-middle-panel=true
-    hide-download-button=true
-    show-extensions=true
-    scroll-y-offset='.site-nav'
-    native-scrollbars=true
-    lazy-rendering=true
-    ></redoc>
-<script src="https://rebilly.github.io/ReDoc/releases/v1.22.1/redoc.min.js"> </script>
+specUrl: guest-schema.json
+---

redoc/2.3/guest-schema.json

@@ -3,6 +3,7 @@
   "info": { "version": "2.3", "title": "Magento Guest API" },
   "host": "magento2.vagrant12",
   "basePath": "/rest/default",
+  "produces": ["application/json"],
   "schemes": ["http"],
   "tags": [
     { "name": "carts/guest-carts/{cartId}/checkGiftCard/{giftCardCode}" },