diff --git a/Packages/User/htmlpage.sublime-snippet b/Packages/User/htmlpage.sublime-snippet
index f8e147c..e626d34 100644
--- a/Packages/User/htmlpage.sublime-snippet
+++ b/Packages/User/htmlpage.sublime-snippet
@@ -6,6 +6,9 @@
         <meta charset="utf-8">
         <meta name="viewport" content="width=device-width, initial-scale=1">
 
+        <!-- Set the base URL for all relative URLs within the document -->
+        <base href="https://example.com/">
+
         <meta name="robots" content="index,follow">
         <meta name="googlebot" content="index,follow">
 
@@ -25,6 +28,7 @@
 
         <!-- Privacy -->
         <meta name="twitter:dnt" content="on">
+        <meta name="pinterest" content="nopin" description="No pinning allowed.">
 
         <!-- analytics -->
         <!-- -->
@@ -62,14 +66,21 @@
         <link href="https://example.com/css/print.css" rel="stylesheet" media="print">
 
         <!-- JS that must be executed before the document is loaded -->
+        <script>
+            if (localStorage.theme === "dark" || (!("theme" in localStorage) && window.matchMedia("(prefers-color-scheme: dark)").matches)) {
+              document.documentElement.classList.add("dark"); localStorage.theme = "dark";
+            } else {
+              document.documentElement.classList.remove("dark"); localStorage.theme = "light";
+            }
+        </script>
         <script src="https://example.com/js/vendor/axios.min.js" defer></script>
         <script src="https://example.com/js/vendor/vue.min.js" defer></script>
         <script src="https://example.com/js/app.js" defer></script>
-        <!-- -->
+
     </head>
     <body class="font-sans antialiased">
         <div id="app" class="min-h-screen bg-neutral-100">
-            <!-- -->
+            <!-- content here -->
         </div>
     </body>
 </html>
