Merge pull request 'Last before production' (#1) from Dev into master

Reviewed-on: #1

assets.json

@@ -1 +1,3 @@
-[]
+{
+    "romhackplaza": "data/assets/romhackplaza"
+}

templates/_metadata.json

@@ -3,7 +3,7 @@
         "addon_id": "XF",
         "version_id": 2031070,
         "version_string": "2.3.10",
-        "hash": "bbe8ebb41f6606f1f41782ba1aaa5509"
+        "hash": "09489ca3208db67cf6add9779edd76be"
     },
     "public/account_alerts_popup.html": {
         "addon_id": "XF",
@@ -39,7 +39,7 @@
         "addon_id": "XF",
         "version_id": 2031070,
         "version_string": "2.3.10",
-        "hash": "e96c4ea665df26ce03dd38cd21ebc565"
+        "hash": "278b91ff307ed1d1c634eee490ff8653"
     },
     "public/member_tooltip.html": {
         "addon_id": "XF",

templates/public/PAGE_CONTAINER.html

@@ -100,8 +100,12 @@
 				<div class="$menu-group">
 				<div class="$menu-group-title">{{ $navEntry.title }}</div>
 					<xf:foreach loop="$navEntry.children" key="$childNavId" value="$childNavEntry" i="$j">
-						<a href="{{ $childNavEntry.href }}" class="$menu-item" >
-							<i data-lucide="{{ $childNavEntry.attributes.icon}}"></i><span>{{ $childNavEntry.title }}</span>
+						<a href="{{ $childNavEntry.href }}"
+						   class="$menu-item"
+						   style="{{ $childNavEntry.attributes.color ? 'color:' . $childNavEntry.attributes.color : '' }}"
+						   target="{{ $childNavEntry.attributes.target }}"
+						>
+							<i data-lucide="{{ $childNavEntry.attributes.icon }}"></i><span>{{ $childNavEntry.title }}</span>
 						</a>
 					</xf:foreach>
 				</div>

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>

templates/public/extra.less

@@ -71,6 +71,9 @@ ul {
     /* Menu settings */
     --menu-size: 260px;
     --menu-user-avatar-bg: #555;
+
+    /* Gap */
+    --gap: 15px;
 }
 
 .\$light-mode {
@@ -132,6 +135,7 @@ ul {
     background-color: var(--bg2);
     border: 1px solid var(--border);
     display: flex;
+    min-width: 0;
     flex-direction: column;
     transition: transform 0.2s, border-color 0.2s;
     cursor: pointer;
@@ -144,6 +148,7 @@ ul {
     .\$entry-cover-wrapper {
         position: relative;
         aspect-ratio: 4/3;
+        min-width: 0;
         background-color: var(--bg);
         border-bottom: 1px solid var(--border);
         display: flex;
@@ -183,6 +188,7 @@ ul {
         font-size: 1.1rem;
         margin-bottom: 5px;
         line-height: 1.3;
+        word-wrap: break-word;
     }
 
     .\$entry-card-author {
@@ -5277,6 +5283,14 @@ ul {
             display: flex;
             align-items: center;
             justify-content: center;
+            overflow: hidden;
+
+                img {
+                    width: 100%;
+                    height: 100%;
+                    object-fit: cover;
+                    border-radius: 50%;
+                }
         }
         .\$menu-user-info {
             display: flex;