Changed the font-variation-settings value for .boostlook .doc .conum[data-value] to "wght" 350, "wdth" 80

Dark and light theme
https://prnt.sc/rXcjFgvOTX7Y
https://prnt.sc/gT8x9Hto1yeL

.gitignore

@@ -1 +1,2 @@
 doc/html
+.DS_Store

boostlook.rb

@@ -3,13 +3,21 @@ Asciidoctor::Extensions.register do
     process do |doc, output|
       output = output.sub(/(<body[^>]*>)/, '\1<div class="boostlook">')
       output = output.sub('</body>', '</div></body>')
-      output = output.sub(/(<body.*?<div[^>]*id="toc"[^>]*>)/m, '\1<button id="toggle-toc" title="Show Table of Contents" aria-expanded="false" aria-controls="toc">☰</button>')
+      # Comment out toggle button - TOC should always be visible
+      # output = output.sub(/(<body.*?<div[^>]*id="toc"[^>]*>)/m, '\1<button id="toggle-toc" title="Show Table of Contents" aria-expanded="false" aria-controls="toc">☰</button>')
       output = output.sub(/(<body.*?<div[^>]*id="footer"[^>]*>)/m, '</div>\1')
 
       script_tag = <<~SCRIPT
         <script>
         (function() {
           const html = document.documentElement;
+          // Always show TOC - no toggle functionality needed
+          html.classList.add('toc-visible');
+          html.classList.add('toc-pinned');
+          html.classList.remove('toc-hidden');
+
+          // Comment out toggle functionality since TOC should always be visible
+          /*
           const isPinned = localStorage.getItem('tocPinned') === 'true';
 
           html.classList.add('toc-hidden');
@@ -56,6 +64,7 @@ Asciidoctor::Extensions.register do
 
             updateTocVisibility(isPinned);
           });
+          */
         })();
         </script>
       SCRIPT