Remove some bad style bits, fix wiki tables, remove flashbang, add history to topbar

i18n/en.json

@@ -26,7 +26,7 @@
 	"nextbestnetwork-sidebar-left": "",
 	"nextbestnetwork-sidebar-left-btnclass": "btn btn-primary",
 	"nextbestnetwork-sidebar-left-wrapperclass": "btn-group mb-1",
-	"nextbestnetwork-sidebar-right": "EDIT-EXT,TOC",
+	"nextbestnetwork-sidebar-right": "EDIT-EXT,HISTORY,TOC",
 	"nextbestnetwork-sidebar-right-btnclass": "btn btn-primary",
 	"nextbestnetwork-sidebar-right-wrapperclass": "btn-group mb-1",
 	"nextbestnetwork-sidebar-right-dropdownclass": "dropdown-menu-end",

includes/NextBestNetworkTemplate.php

@@ -380,8 +380,23 @@ class NextBestNetworkTemplate extends BaseTemplate {
 					if(preg_match( '/specialpages|whatlinkshere/', $key )) {
 						$divideditems[] = [];
 					}
+                    unset($item['icon']);
 					$divideditems[$key] = $item;
 				}
+
+                // Add page history link at bottom
+                $views = $this->data['view_urls'];
+                if( isset( $views['history'] )  ) {
+                    if (
+                            array_key_exists( 'attributes', $views['history'] ) && false !== strpos( $views['history']['attributes'], 'selected' )
+                            || array_key_exists( 'class', $views['history'] ) && false !== strpos( $views['history']['class'], 'selected' )
+                    ) {
+                        $divideditems['history']  = array_shift( $this->data['namespace_urls'] );
+                    } else {
+                        $divideditems['history']  = $views['history'];
+                    }
+                }
+
 				return [[
 					'href' => '#',
 					'html' => $html,
@@ -1239,29 +1254,29 @@ $skin->renderBrand();
             echo '
                 <li class="nav-item dropdown">
                     <button class="btn btn-link nav-link px-0 px-lg-2 py-2 dropdown-toggle d-flex align-items-center" id="bd-theme" type="button" aria-expanded="false" data-bs-toggle="dropdown" data-bs-display="static" aria-label="Toggle theme">
-                        <i class="bi bi-circle-half"></i>
+                        <span class="fa fa-adjust" aria-hidden="true"></span>
                         <span class="d-lg-none ms-2" id="bd-theme-text">Toggle theme</span>
                     </button>
                     <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="bd-theme-text">
                         <li>
                             <button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="light" aria-pressed="false">
-                                <i class="bi bi-sun-fill"></i>
+                                <span class="fa fa-sun" aria-hidden="true"></span>
-                                Light
+                                <span class="ms-2">Light</span>
-                                <i class="bi bi-check2 d-none" aria-hidden="true"></i>
+                                <span class="fa fa-check d-none ms-auto" aria-hidden="true"></span>
                             </button>
                         </li>
                         <li>
                             <button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="dark" aria-pressed="false">
-                                <i class="bi bi-moon-stars-fill"></i>
+                                <span class="fa fa-moon" aria-hidden="true"></span>
-                                Dark
+                                <span class="ms-2">Dark</span>
-                                <i class="bi bi-check2 d-none" aria-hidden="true"></i>
+                                <span class="fa fa-check d-none ms-auto" aria-hidden="true"></span>
                             </button>
                         </li>
                         <li>
                             <button type="button" class="dropdown-item d-flex align-items-center active" data-bs-theme-value="auto" aria-pressed="true">
-                                <i class="bi bi-circle-half"></i>
+                                <span class="fa fa-adjust" aria-hidden="true"></span>
-                                Auto
+                                <span class="ms-2">Auto</span>
-                                <i class="bi bi-check2 d-none" aria-hidden="true"></i>
+                                <span class="fa fa-check ms-auto" aria-hidden="true"></span>
                             </button>
                         </li>
                     </ul>

public/custom/js/custom.js.LICENSE.txt

@@ -6,8 +6,6 @@
 
 /*!
  * Color mode toggler for Bootstrap's docs (https://getbootstrap.com/)
- * Copyright 2011-2025 The Bootstrap Authors
- * Licensed under the Creative Commons Attribution 3.0 Unported License.
  */
 
 /*!

resources/styles/custom.scss

@@ -14,3 +14,19 @@
 
 @import "custom/bootswatch";
 
+html[data-bs-theme="dark"] body .wikitable,
+html[data-bs-theme="dark"] body .formtable {
+  --bs-table-color: var(--bs-body-color);
+  --bs-table-bg: var(--bs-body-bg);
+  --bs-table-border-color: rgba(255, 255, 255, 0.12);
+}
+
+html[data-bs-theme="dark"] body .wikitable > :not(caption) > * > *,
+html[data-bs-theme="dark"] body .formtable > :not(caption) > * > * {
+  color: var(--bs-body-color) !important;
+  background-color: var(--bs-body-bg);
+}
+
+html[data-bs-theme="dark"] body .wikitable a {
+  color: var(--bs-link-color) !important;
+}

resources/styles/nextbestnetwork.scss

@@ -2,6 +2,4 @@
 
 @import "~bootstrap/scss/bootstrap";
 
-@import "~bootstrap-icons/font/bootstrap-icons.scss";
-
 @import "nextbestnetwork/index";

resources/styles/nextbestnetwork/_toc.scss

@@ -49,7 +49,7 @@
         font-size: 0.75rem;
         right: 0;
         top: 0;
-        background-color: $gray-200;
+        background-color: $primary;
         font-weight: normal;
       }
     }