further iframe fixes & changes

- add iframe-dark
- add autoDarkMode for loaded iframes
- add border-dark overwrite in dark-mode
- fix markup with Default IFrame Tab on load

docs/javascript/iframe.md

@@ -34,7 +34,10 @@ To get the iframe 100% working you need the following content-wrapper markup:
     <a class="nav-link bg-danger" href="#" data-widget="iframe-close">Close</a>
     <a class="nav-link bg-light" href="#" data-widget="iframe-scrollleft"><i class="fas fa-angle-double-left"></i></a>
     <ul class="navbar-nav" role="tablist">
-      <li class="nav-item active" role="presentation"><a class="nav-link active" data-toggle="row" id="tab-index" href="#panel-index" role="tab" aria-controls="panel-index" aria-selected="true">Dashboard v1</a></li>
+      <li class="nav-item active" role="presentation">
+        <a href="#" class="btn-iframe-close" data-widget="iframe-close" data-type="only-this"><i class="fas fa-times"></i></a>
+        <a class="nav-link active" data-toggle="row" id="tab-index-html" href="#panel-index-html" role="tab" aria-controls="panel-index-html" aria-selected="true">Dashboard v1</a>
+      </li>
     </ul>
     <a class="nav-link bg-light" href="#" data-widget="iframe-scrollright"><i class="fas fa-angle-double-right"></i></a>
     <a class="nav-link bg-light" href="#" data-widget="iframe-fullscreen"><i class="fas fa-expand"></i></a>
@@ -77,6 +80,7 @@ $('.content-wrapper').IFrame({
   autoIframeMode: true,
   autoItemActive: true,
   autoShowNewTab: true,
+  autoDarkMode: false,
   allowDuplicates: true,
   loadingScreen: 750,
   useNavbarItems: true
@@ -96,6 +100,7 @@ $('.content-wrapper').IFrame({
 |autoIframeMode | Boolean | true | Whether to automatically add `.iframe-mode` to `body` if page is loaded via iframe.
 |autoItemActive | Boolean | true | Whether to automatically set the sidebar menu item active based on the active iframe.
 |autoShowNewTab | Boolean | true | Whether to automatically display created tab.
+|autoDarkMode | Boolean | false | Whether to automatically enable dark-mode in iframe pages.
 |allowDuplicates | Boolean | true | Whether to allow creation of duplicate tab/iframe.
 |loadingScreen | Boolean/Number | true | [Boolean] Whether to enable iframe loading screen; [Number] Set loading screen hide delay.
 |useNavbarItems | Boolean | true | Whether to open navbar menu items, instead of open only sidebar menu items.