mozilla · bgrins · Jun 9, 2023 · Jun 9, 2023 · Jun 9, 2023 · Jan 17, 2024
diff --git a/index.html b/index.html
@@ -50,6 +50,66 @@
         mask: url(asset/MDN.svg) center no-repeat;
         width: 1.20833em;
       }
+      @media (prefers-color-scheme: dark) {
+        :root {
+          color-scheme: dark;
+          --bs-body-color: #adb5bd;
+          --bs-body-color-rgb: 173, 181, 189;
+          --bs-body-bg: #212529;
+          --bs-body-bg-rgb: 33, 37, 41;
+          --bs-emphasis-color: #fff;
+          --bs-emphasis-color-rgb: 255, 255, 255;
+          --bs-secondary-color: rgba(173, 181, 189, 0.75);
+          --bs-secondary-color-rgb: 173, 181, 189;
+          --bs-secondary-bg: #343a40;
+          --bs-secondary-bg-rgb: 52, 58, 64;
+          --bs-tertiary-color: rgba(173, 181, 189, 0.5);
+          --bs-tertiary-color-rgb: 173, 181, 189;
+          --bs-tertiary-bg: #2b3035;
+          --bs-tertiary-bg-rgb: 43, 48, 53;
+          --bs-primary-text-emphasis: #6ea8fe;
+          --bs-secondary-text-emphasis: #a7acb1;
+          --bs-success-text-emphasis: #75b798;
+          --bs-info-text-emphasis: #6edff6;
+          --bs-warning-text-emphasis: #ffda6a;
+          --bs-danger-text-emphasis: #ea868f;
+          --bs-light-text-emphasis: #f8f9fa;
+          --bs-dark-text-emphasis: #dee2e6;
+          --bs-primary-bg-subtle: #031633;
+          --bs-secondary-bg-subtle: #161719;
+          --bs-success-bg-subtle: #051b11;
+          --bs-info-bg-subtle: #032830;
+          --bs-warning-bg-subtle: #332701;
+          --bs-danger-bg-subtle: #2c0b0e;
+          --bs-light-bg-subtle: #343a40;
+          --bs-dark-bg-subtle: #1a1d20;
+          --bs-primary-border-subtle: #084298;
+          --bs-secondary-border-subtle: #41464b;
+          --bs-success-border-subtle: #0f5132;
+          --bs-info-border-subtle: #087990;
+          --bs-warning-border-subtle: #997404;
+          --bs-danger-border-subtle: #842029;
+          --bs-light-border-subtle: #495057;
+          --bs-dark-border-subtle: #343a40;
+          --bs-heading-color: inherit;
+          --bs-link-color: #6ea8fe;
+          --bs-link-hover-color: #8bb9fe;
+          --bs-link-color-rgb: 110, 168, 254;
+          --bs-link-hover-color-rgb: 139, 185, 254;
+          --bs-code-color: #e685b5;
+          --bs-border-color: #495057;
+          --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
+          --bs-form-valid-color: #75b798;
+          --bs-form-valid-border-color: #75b798;
+          --bs-form-invalid-color: #ea868f;
+          --bs-form-invalid-border-color: #ea868f;
+        }
+
+        .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
+          color: var(--bs-secondary-color);
+        }
+      }
+
     </style>
   </head>
   <body>
@@ -362,28 +422,6 @@ <h3>legend</h3>
         });
     })
     </script>
-    <script>
-// https://github.com/orgs/twbs/discussions/37727
-/*!
- * Based on color mode toggler for Bootstrap's docs (https://getbootstrap.com/)
- * Copyright 2011-2023 The Bootstrap Authors
- * Licensed under the Creative Commons Attribution 3.0 Unported License.
- */
-
-(() => {
-  'use strict'
-  const setTheme = () => {
-    if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
-      document.documentElement.setAttribute('data-bs-theme', 'dark')
-    } else {
-      document.documentElement.setAttribute('data-bs-theme', "auto")
-    }
-  }
-  window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', () => {
-    setTheme();
-  });
-  setTheme();
-})()
     </script>
   </body>
 </html>