rapi-doc
diff --git a/‎dist/rapidoc-min.js‎
Lines changed: 2 additions & 2 deletions b/‎dist/rapidoc-min.js‎
Lines changed: 2 additions & 2 deletions
diff --git a/‎dist/rapidoc-min.js.gz‎
-12 Bytes b/‎dist/rapidoc-min.js.gz‎
-12 Bytes
diff --git a/‎dist/report.html‎
Lines changed: 2 additions & 2 deletions b/‎dist/report.html‎
Lines changed: 2 additions & 2 deletions
diff --git a/‎docs/examples/auth.html‎
Lines changed: 34 additions & 3 deletions b/‎docs/examples/auth.html‎
Lines changed: 34 additions & 3 deletions
diff --git a/‎docs/examples/try.html‎
Lines changed: 10 additions & 5 deletions b/‎docs/examples/try.html‎
Lines changed: 10 additions & 5 deletions
diff --git a/‎docs/rapidoc-min.js‎
Lines changed: 2 additions & 2 deletions b/‎docs/rapidoc-min.js‎
Lines changed: 2 additions & 2 deletions
@@ -30,13 +30,16 @@
     <rapi-doc id="thedoc"
     spec-url="../specs/auth.yaml"
     show-info = "true"
+    theme = "dark"
     render-style="read" 
     show-header="false" 
     >
       <div slot='operations-top'>
         <div style="font-size:14px; border:0; background-color: #282828; border-radius:4px; padding:16px; margin:16px 75px">
-          <h3> Prgramatically Applying Security</h3>
-          <div style="color:#888"> This section is not a part of RapiDoc generated doc. It is created using HTML/JS to demonstrate how to programatically apply security keys</div>
+          <h3>Programmatically Applying Security and Setting a API Server</h3>
+          <div style="color:#777"> 
+            *This section is not RapiDoc generated. It is user injected HTML/JS into a <span style="font-family:'Roboto Mono'"> &lt;slot&gt;</span> element to demonstrate how to programatically apply security keys
+          </div>
 
           <div style="margin-top:16px">
             RapiDoc provides you with two helper methods which you can use to supply security keys programatically. 
@@ -55,7 +58,7 @@ <h3> Prgramatically Applying Security</h3>
               <tr> <td>apiKey</td><td>api_key1</td></tr>
               <tr> <td>apiKey</td><td>api_key2</td></tr>
               <tr> <td>apiKey</td><td>api_key_cookie</td><td>
-                <span style="font-family:'Open Sans'; color:#666">
+                <span style="font-family:'Open Sans'; color:#777">
                   If the apiKey needs to send using a cookie, then it wont be set as RapiDoc do not support creation or reading of cookies
                 </span>
               </td></tr>
@@ -94,10 +97,38 @@ <h3> Prgramatically Applying Security</h3>
               <td colspan="2"><button class='size btn' style="width:200px" onclick='clearSecurityKeys(event)'>Clear all Keys</button></td>
             </tr>  
           </table>
+          <div style="margin:32px 0 16px 0; color:#777; font-weight:bold">
+            Below form is used for programmatically setting the API server
+          </div>  
+          <table>
+            <tr>
+              <td> API Server Url</td>
+              <td>
+                <input class='size txt' id='server-url' value="https://reqres.in/api/" type='text' placeholder='A Valid server url thats defined in this spec' spellcheck='false' style="width:290px"> 
+              </td>
+              <td colspan="2"><button class='size btn' style="width:110px" onclick='setApiServer(event)'>Set API Server</button></td>
+            </tr>  
+          </table>
+
+
         </div>
       </div>  
     </rapi-doc>
     <script>
+      function setApiServer(ev) {
+        const docEl = document.getElementById('thedoc');
+        const trEl = ev.target.closest('tr');
+        const serverUrl = trEl.querySelector('#server-url').value;
+        result = docEl.setApiServer(serverUrl);
+        ev.target.innerText = result ? 'Applied !' : 'Failed';
+        ev.target.style.backgroundColor = result ? 'green' : 'orangered';
+        window.setTimeout(function(){
+          ev.target.innerText = 'Apply';
+          ev.target.style.backgroundColor = '#2069e0';
+        }, 5000)
+
+      }
+
       function clearSecurityKeys(ev) {
         const docEl = document.getElementById('thedoc');
         docEl.removeAllSecurityKeys();
 
@@ -14,20 +14,25 @@
     <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,600&display=swap" rel="stylesheet">
     <link href='../index.css' rel='stylesheet'>
     <script type='text/javascript' src='../rapidoc-min.js'></script>
+    <style>
+      rapi-doc::part(section-navbar) {
+        background: linear-gradient(90deg,#3d4e70, #2e3746);
+      }
+    </style>
   </head>
   <body>
-    <rapi-doc spec-url="../specs/data-types-simple.yaml"
+    <rapi-doc spec-url="../specs/mock.yaml"
       id = "thedoc"
-      nav-bg-color = '#3f4d67'
-      nav-text-color = '#a9b7d0'
+      theme="dark" 
+      primary-color="#f54c47"
+      bg-color="#2e3746"
+      text-color = "#bacdee"
       allow-authentication = "false" 
       allow-server-selection = "false"	
       allow-search = "false"
       show-info = "false"
       show-header = "false"
       render-style = "read"
-      regular-font = 'Open Sans'
-      schema-style='table'
     > 
       <div slot="nav-logo">
         <div style="text-align: center; padding: 0 0 12px 0; color:#47AFE8"> Enable/Disable TRY </div>