diff --git a/templates/public/account_preferences_popup.html b/templates/public/account_preferences_popup.html
new file mode 100644
index 0000000..7c62b19
--- /dev/null
+++ b/templates/public/account_preferences_popup.html
@@ -0,0 +1,53 @@
+<div class="$settings-section">
+    <div class="$settings-section-title">
+        <i data-lucide="sun-moon" size="14"></i>
+        Theme
+    </div>
+        <xf:if is="$xf.visitor.style_variation === 'default'">
+            <button type="button" href="{{ link_type( 'public', link('misc/style-variation'), null, {
+                'variation': 'alternate',
+                'reset': null,
+                't': csrf_token(),
+                '_xfRedirect': $redirect
+            }) }}" class="$settings-theme-toggle" rel="nofollow" data-xf-click="style-variation" data-variation="alternate">
+                <span class="$settings-theme-toggle-inner">
+                    <i data-lucide="moon" size="15"></i>
+                    Dark
+                    <span class="$settings-theme-toggle-badge">ON</span>
+                </span>
+            </button>
+        </xf:if>
+        <xf:if is="$xf.visitor.style_variation === 'alternate'">
+            <button type="button" href="{{ link_type( 'public', link('misc/style-variation'), null, {
+                'variation': 'default',
+                'reset': null,
+                't': csrf_token(),
+                '_xfRedirect': $redirect
+            }) }}" class="$settings-theme-toggle" rel="nofollow" data-xf-click="style-variation" data-variation="default">
+                <span class="$settings-theme-toggle-inner">
+                    <i data-lucide="sun" size="15"></i>
+                    Light
+                    <span class="$settings-theme-toggle-badge">ON</span>
+                </span>
+            </button>
+        </xf:if>
+</div>
+
+<div class="$settings-separator"></div>
+
+<div class="$settings-section">
+    <div class="$settings-section-title">
+        <i data-lucide="user-cog" size="14"></i>
+        Account
+    </div>
+    <a href="{{ link('account') }}" class="$settings-link">
+        <i data-lucide="settings-2" size="14"></i>
+        XenForo settings
+        <i data-lucide="external-link" size="12" style="margin-left:auto"></i>
+    </a>
+</div>
+<script>
+    if( window.refreshIcons !== undefined ) {
+        window.refreshIcons();
+    }
+</script>
\ No newline at end of file