diff --git a/index.html b/index.html
index b9de41f..c56e8fa 100644
--- a/index.html
+++ b/index.html
@@ -1,5 +1,6 @@
 <!-- index.html -->
 
+
 <!DOCTYPE html>
 <html>
 
@@ -9,12 +10,18 @@
   <meta charset="UTF-8">
   <!-- Theme: Simple Dark -->
   <!-- <link rel="stylesheet" href="//unpkg.com/docsify/themes/dark.css"> -->
+  
+  <!--
   <link rel="stylesheet" href="./resource/themes/dark.css">
   <link rel="stylesheet" href="./custom/custom.css">
   <link rel="apple-tou  ch-icon" sizes="180x180" href="./media/favicons/apple-touch-icon.png">
   <link rel="icon" type="image/png" sizes="32x32" href="./media/favicons/favicon-32x32.png">
   <link rel="icon" type="image/png" sizes="16x16" href="./media/favicons/favicon-16x16.png">
   <link rel="manifest" href="./media/favicons/site.webmanifest">
+  -->
+  <!-- Simple themeable default style theme -->
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsify-themeable@0/dist/css/theme-defaults.css">
+
   <!-- Klaro scripts – Cookie consent manager -->
   <!-- <script defer type="text/javascript" src="https://substrate.dev/js/config.js"></script> -->
   <script defer type="text/javascript" src="./resource/js/config.js"></script>
@@ -60,6 +67,10 @@
   <!-- <script src="//unpkg.com/docsify/lib/docsify.min.js"></script> -->
   <script src="./resource/js/docsify.min.js"></script>
   <!-- <script src="//unpkg.com/docsify-pagination@2.4.0/dist/docsify-pagination.min.js"></script> -->
+ 
+  <!-- docsify-themeable (latest v0.x.x) -->
+  <script src="https://cdn.jsdelivr.net/npm/docsify-themeable@0"></script>
+
   <script src="./resource/js/docsify-pagination.min.js"></script>
   <!-- <script src="//unpkg.com/docsify-copy-code@2"></script> -->
   <script src="./resource/js/docsify-code-code.js"></script>
@@ -85,4 +96,4 @@
   <script src="./resource/js/sidecar.v1.js" async defer></script>
 </body>
 
-</html>
\ No newline at end of file
+</html>
