diff --git a/deploy/gitea/public/assets/js/hop-native.js b/deploy/gitea/public/assets/js/hop-native.js
index d39cfb2..b32107a 100644
--- a/deploy/gitea/public/assets/js/hop-native.js
+++ b/deploy/gitea/public/assets/js/hop-native.js
@@ -170,6 +170,7 @@
     });
   }
 
+  applyHopSemantics();
   document.addEventListener('DOMContentLoaded', queueApply);
   document.addEventListener('htmx:afterSwap', queueApply);
   new MutationObserver(queueApply).observe(document.documentElement, {childList: true, subtree: true});
diff --git a/deploy/gitea/templates/custom/footer.tmpl b/deploy/gitea/templates/custom/footer.tmpl
index c93999a..d14de33 100644
--- a/deploy/gitea/templates/custom/footer.tmpl
+++ b/deploy/gitea/templates/custom/footer.tmpl
@@ -1,2 +1,2 @@
 <link rel="stylesheet" href="{{AssetUrlPrefix}}/css/hop-home.css?v=4">
-<script src="{{AssetUrlPrefix}}/js/hop-native.js?v=7"></script>
+<script src="{{AssetUrlPrefix}}/js/hop-native.js?v=8"></script>
diff --git a/deploy/gitea/templates/custom/header.tmpl b/deploy/gitea/templates/custom/header.tmpl
index 98ee9f8..8bc6bfb 100644
--- a/deploy/gitea/templates/custom/header.tmpl
+++ b/deploy/gitea/templates/custom/header.tmpl
@@ -1,6 +1,15 @@
 <link rel="preload" href="{{AssetUrlPrefix}}/img/hop.svg?v=4" as="image" type="image/svg+xml">
 <style>
+html:not([data-hop-native="true"]) {
+	background: var(--color-body);
+}
+
+html:not([data-hop-native="true"]) body {
+	visibility: hidden;
+}
+
 #navbar-logo img {
 	content: url("{{AssetUrlPrefix}}/img/hop.svg?v=4");
 }
 </style>
+<noscript><style>html body { visibility: visible !important; }</style></noscript>