@abreen/tada 1.15.12 → 1.16.0

package/templates/_top.html

@@ -33,7 +33,19 @@
     <meta property="og:author" content="<%= page.author.name %>" />
     <% } %>
     <title><%= page.title %><%= site.titlePostfix %></title>
-    <script>document.documentElement.classList.add('js')</script>
+    <script>
+      document.documentElement.classList.add('js');
+      try {
+        if (window.localStorage.getItem('fontPreference') === 'serif') {
+          document.documentElement.dataset.fontPreference = 'serif';
+        }
+      } catch {}
+      try {
+        if (window.localStorage.getItem('contrastPreference') === 'high') {
+          document.documentElement.dataset.contrastPreference = 'high';
+        }
+      } catch {}
+    </script>
     <% if (!isWatchMode) { %>
     <script type="speculationrules">
     {

package/templates/code.html

@@ -23,6 +23,7 @@
     </div>
     <% } %>
     <%= render('_footer.html') %>
+    <%= render('_appearance-picker.html') %>
   </main>
   <% if (page.tocHtml) { %>
   <nav class="toc"><%= page.tocHtml %></nav>

package/templates/default.html

@@ -14,6 +14,7 @@
     <% } %>
     <%= content %>
     <%= render('_footer.html') %>
+    <%= render('_appearance-picker.html') %>
   </main>
   <% if (page.toc && page.tocHtml) { %>
   <nav class="toc"><%= page.tocHtml %></nav>

package/templates/literate.html

@@ -8,6 +8,7 @@
     </div>
     <%= content %>
     <%= render('_footer.html') %>
+    <%= render('_appearance-picker.html') %>
   </main>
   <% if (page.toc && page.tocHtml) { %>
   <nav class="toc"><%= page.tocHtml %></nav>