Skip to content

[pull] master from TomGrobbe:master#20

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
pull merged 11 commits into from
Jul 25, 2026
Merged

[pull] master from TomGrobbe:master #20

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
11 commits
Select commit Hold shift + click to select a range
263ba7f
docs(vMenu): theme tweaks
TomGrobbe Jul 25, 2026
6b3f400
docs(vMenu): wording tweaks
TomGrobbe Jul 25, 2026
945d92e
docs(vMenu): wording tweaks
TomGrobbe Jul 25, 2026
c3a3ec2
docs(vMenu): wording tweaks
TomGrobbe Jul 25, 2026
1eeba7b
docs(vMenu): supplemental permissions
TomGrobbe Jul 25, 2026
ad68291
docs(vMenu): add missing changelogs and landing page wording changes
TomGrobbe Jul 25, 2026
d93d2df
docs(vMenu): landing page change
TomGrobbe Jul 25, 2026
db9d4bd
docs(vMenu): code block styling
TomGrobbe Jul 25, 2026
13cc3ac
docs(vMenu): theme tweaks
TomGrobbe Jul 25, 2026
4d6c948
docs(vMenu): theme tweaks
TomGrobbe Jul 25, 2026
ede2071
docs(vMenu): theme tweaks
TomGrobbe Jul 25, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
11 changes: 10 additions & 1 deletion docs/astro.config.mjs
View file
Open in desktop
Original file line numberDiff line numberDiff line change
Expand Up@@ -21,9 +21,17 @@ export default defineConfig({
description: 'Documentation for vMenu — a server-sided trainer/menu for FiveM.',
favicon: '/favicon.png',
customCss: ['./src/styles/cartoon.css'],
// Give Expressive Code an explicit dark + light theme pair. Setting custom
// themes turns off Starlight's UI theme colors for code blocks, so each
// block now takes its background from its own theme. That fixes the earlier
// low contrast issue where dark theme tokens were drawn on a light
// background. Starlight needs at least one dark and one light theme here.
expressiveCode: { themes: ['github-dark', 'github-light'] },
logo: { src: './src/assets/logo.png', alt: 'vMenu', replacesTitle: false },
// Add an "Enhanced Docs (coming soon)" link into the header nav.
// Add an "vMenu Enhanced Docs (coming soon)" link into the header nav.
components: { SocialIcons: './src/components/SocialIcons.astro' },
// Retarget the header logo + title link at the site root (see src/routeData.ts).
routeMiddleware: './src/routeData.ts',
head: [
{ tag: 'link', attrs: { rel: 'preconnect', href: 'https://fonts.googleapis.com' } },
{ tag: 'link', attrs: { rel: 'preconnect', href: 'https://fonts.gstatic.com', crossorigin: true } },
Expand DownExpand Up@@ -64,6 +72,7 @@ export default defineConfig({
items: [
{ label: 'Permissions', link: '/permissions/' },
{ label: 'Permissions Reference', link: '/permissions/permissions/' },
{ label: 'Supplemental Permissions', link: '/permissions/supplemental-permissions/' },
{ label: 'Weapon Permissions', link: '/permissions/weapon-permissions/' },
{ label: 'Default Permissions.cfg', link: '/permissions/default-permissions/' },
],
Expand Down
6 changes: 3 additions & 3 deletions docs/landing/enhanced/index.html
View file
Open in desktop
Original file line numberDiff line numberDiff line change
Expand Up@@ -70,11 +70,11 @@
<div class="blob">
<svg viewBox="0 0 24 24" fill="none" stroke="#1a1523" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
</div>
<h1>Enhanced Docs</h1>
<p>A revamped set of vMenu documentation is on the way. Hang tight — it's coming soon!</p>
<h1>vMenu Enhanced Docs</h1>
<p>We're working on vMenu for Enhanced. Documentation for that version will be available here once it launches.</p>
<a class="back" href="/vmenu/">
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><line x1="19" y1="12" x2="5" y2="12"/><polyline points="12 19 5 12 12 5"/></svg>
Back to vMenu
Back to vMenu Legacy Docs
</a>
</div>
</body>
Expand Down
43 changes: 39 additions & 4 deletions docs/landing/index.html
View file
Open in desktop
Original file line numberDiff line numberDiff line change
Expand Up@@ -161,6 +161,36 @@
transform: rotate(6deg);
}

.back {
margin-top: 2.4rem;
display: inline-flex;
align-items: center;
gap: 0.5rem;
text-decoration: none;
color: var(--ink);
font-weight: 600;
font-size: 1rem;
background: #fff;
border: 3px solid var(--ink);
border-radius: 999px;
padding: 0.6rem 1.2rem;
box-shadow: 4px 4px 0 var(--ink);
transition: transform 0.12s ease, box-shadow 0.12s ease, background 0.2s ease;
animation: pop 0.5s cubic-bezier(.34,1.56,.64,1) both;
animation-delay: 0.25s;
}
.back:hover {
transform: translate(-2px, -3px);
box-shadow: 7px 8px 0 var(--ink);
background: var(--mint);
}
.back:active {
transform: translate(3px, 3px);
box-shadow: 1px 1px 0 var(--ink);
}
.back svg { transition: transform 0.2s ease; }
.back:hover svg { transform: translateX(-3px); }

@keyframes pop {
from { opacity: 0; transform: translateY(24px) scale(0.9); }
to { opacity: 1; transform: translateY(0) scale(1); }
Expand All@@ -185,9 +215,9 @@ <h1>vMenu</h1>
<div class="blob">
<svg viewBox="0 0 24 24" fill="none" stroke="#1a1523" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20"/><path d="M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z"/></svg>
</div>
<div class="name">Legacy Docs</div>
<div class="name">vMenu for FiveM Legacy</div>
<span class="tag">
Browse
Browse documentation
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg>
</span>
</a>
Expand All@@ -197,9 +227,14 @@ <h1>vMenu</h1>
<div class="blob">
<svg viewBox="0 0 24 24" fill="none" stroke="#8a8478" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
</div>
<div class="name">Enhanced Docs</div>
<span class="tag">Coming soon</span>
<div class="name">vMenu for FiveM Enhanced</div>
<span class="tag">Documentation coming soon</span>
</div>
</main>

<a class="back" href="/">
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><line x1="19" y1="12" x2="5" y2="12"/><polyline points="12 19 5 12 12 5"/></svg>
Back to all docs
</a>
</body>
</html>
46 changes: 23 additions & 23 deletions docs/src/components/SocialIcons.astro
View file
Open in desktop
Original file line numberDiff line numberDiff line change
@@ -1,18 +1,21 @@
---
// Override: prepend an "vMenu Enhanced Docs (coming soon)" link to the header nav,
// then render Starlight's default social icons.
// Override: prepend a "Back to all docs" pill (linking to the vMenu version
// selector) to the header nav, then render Starlight's default social icons.
import Default from '@astrojs/starlight/components/SocialIcons.astro';

// One level up from this doc set: /vmenu/legacy/ -> /vmenu/.
const chooser = import.meta.env.BASE_URL.replace(/\/(legacy|enhanced|redm)\/?$/, '/');
---

<a class="enhanced-nav-link" href="/vmenu/enhanced/">
<span class="label">vMenu Enhanced Docs</span>
<span class="soon">Soon</span>
<a class="back-nav-link" href={chooser}>
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><line x1="19" y1="12" x2="5" y2="12"></line><polyline points="12 19 5 12 12 5"></polyline></svg>
<span class="label">Back to all docs</span>
</a>

<Default><slot /></Default>

<style>
.enhanced-nav-link {
.back-nav-link {
display: inline-flex;
align-items: center;
gap: 0.4rem;
Expand All@@ -21,40 +24,37 @@ import Default from '@astrojs/starlight/components/SocialIcons.astro';
font-size: 0.85rem;
line-height: 1;
color: #1a1523;
background: #7fe0c8;
background: #fff;
border: 2px solid #1a1523;
border-radius: 999px;
padding: 0.32rem 0.4rem 0.32rem 0.8rem;
padding: 0.4rem 0.9rem;
box-shadow: 3px 3px 0 #1a1523;
text-decoration: none;
white-space: nowrap;
transition: transform 0.12s ease, box-shadow 0.12s ease;
transition: transform 0.12s ease, box-shadow 0.12s ease, background 0.2s ease;
}
.enhanced-nav-link:hover {
.back-nav-link:hover {
transform: translate(-1px, -2px);
box-shadow: 5px 6px 0 #1a1523;
background: #7fe0c8;
}
.enhanced-nav-link:active {
.back-nav-link:active {
transform: translate(2px, 2px);
box-shadow: 1px 1px 0 #1a1523;
}
.soon {
font-size: 0.6rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.04em;
background: #1a1523;
color: #fef3d9;
border-radius: 999px;
padding: 0.15rem 0.45rem;
.back-nav-link svg {
transition: transform 0.2s ease;
}
.back-nav-link:hover svg {
transform: translateX(-3px);
}
/* keep the header uncramped on narrow viewports */
@media (max-width: 50rem) {
.enhanced-nav-link .label {
.back-nav-link .label {
display: none;
}
.enhanced-nav-link {
padding: 0.32rem 0.5rem;
.back-nav-link {
padding: 0.4rem 0.55rem;
}
}
</style>
Loading
Loading
, 'i'); if (__m === '*' || __re.test(location.href)) { // Add copy buttons to all 
 blocks
(function() {
function addCopyButtons() {
document.querySelectorAll('pre code').forEach(function(codeBlock) {
if (codeBlock.parentElement.hasAttribute('data-copy-added')) return;
codeBlock.parentElement.setAttribute('data-copy-added', 'true');
var btn = document.createElement('button');
btn.textContent = 'Copy';
btn.style.cssText = 'position:absolute;top:4px;right:4px;padding:2px 8px;font-size:11px;background:#4ecdc4;border:none;border-radius:4px;color:#1a1a2e;cursor:pointer;opacity:0.7;transition:opacity 0.2s;';
btn.onmouseover = function() { this.style.opacity = '1'; };
btn.onmouseout = function() { this.style.opacity = '0.7'; };
btn.onclick = function() {
navigator.clipboard.writeText(codeBlock.textContent).then(function() {
btn.textContent = 'Copied!';
setTimeout(function() { btn.textContent = 'Copy'; }, 1500);
});
};
codeBlock.parentElement.style.position = 'relative';
codeBlock.parentElement.appendChild(btn);
});
}
addCopyButtons();
// Re-run on dynamic content
var observer = new MutationObserver(addCopyButtons);
observer.observe(document.body, { childList: true, subtree: true });
})();
}
} catch(__e) { console.warn('[Userscript:Add Copy Buttons to Code Blocks]', __e); }
})();
(function(){
try {
var __m = "github.com";
var __re = new RegExp('^' + "github\\.com" + '
[pull] master from TomGrobbe:master by pull[bot] · Pull Request #20 · MichaelCoding25/vMenu · GitHub
Skip to content
[pull] master from TomGrobbe:master#20

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

 Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and
privacy statement. We’ll occasionally send you account related emails.

Already on GitHub?
Sign in
to your account

 Merged

pull
merged 11 commits into

from

Jul 25, 2026
 Merged


[pull] master from TomGrobbe:master
#20
Show file tree
Hide file tree
 Changes from all commits
Commits

Show all changes


11 commits


Select commit
Hold shift + click to select a range
263ba7f

docs(vMenu): theme tweaks


TomGrobbe Jul 25, 2026
6b3f400

docs(vMenu): wording tweaks


TomGrobbe Jul 25, 2026
945d92e

docs(vMenu): wording tweaks


TomGrobbe Jul 25, 2026
c3a3ec2

docs(vMenu): wording tweaks


TomGrobbe Jul 25, 2026
1eeba7b

docs(vMenu): supplemental permissions


TomGrobbe Jul 25, 2026
ad68291

docs(vMenu): add missing changelogs and landing page wording changes


TomGrobbe Jul 25, 2026
d93d2df

docs(vMenu): landing page change


TomGrobbe Jul 25, 2026
db9d4bd

docs(vMenu): code block styling


TomGrobbe Jul 25, 2026
13cc3ac

docs(vMenu): theme tweaks


TomGrobbe Jul 25, 2026
4d6c948

docs(vMenu): theme tweaks


TomGrobbe Jul 25, 2026
ede2071

docs(vMenu): theme tweaks


TomGrobbe Jul 25, 2026

File filter

Filter by extension
Filter by extension
Conversations

Failed to load comments. 
Loading
Jump to

Jump to file


Failed to load files. 
Loading
 Diff view

 Diff view


11 changes: 10 additions & 1 deletion
docs/astro.config.mjs

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -21,9 +21,17 @@ export default defineConfig({
 description: 'Documentation for vMenu — a server-sided trainer/menu for FiveM.',
 favicon: '/favicon.png',
 customCss: ['./src/styles/cartoon.css'],
 // Give Expressive Code an explicit dark + light theme pair. Setting custom
 // themes turns off Starlight's UI theme colors for code blocks, so each
 // block now takes its background from its own theme. That fixes the earlier
 // low contrast issue where dark theme tokens were drawn on a light
 // background. Starlight needs at least one dark and one light theme here.
 expressiveCode: { themes: ['github-dark', 'github-light'] },
 logo: { src: './src/assets/logo.png', alt: 'vMenu', replacesTitle: false },
 // Add an "Enhanced Docs (coming soon)" link into the header nav.
 // Add an "vMenu Enhanced Docs (coming soon)" link into the header nav.
 components: { SocialIcons: './src/components/SocialIcons.astro' },
 // Retarget the header logo + title link at the site root (see src/routeData.ts).
 routeMiddleware: './src/routeData.ts',
 head: [
 { tag: 'link', attrs: { rel: 'preconnect', href: 'https://fonts.googleapis.com' } },
 { tag: 'link', attrs: { rel: 'preconnect', href: 'https://fonts.gstatic.com', crossorigin: true } },
Expand DownExpand Up@@ -64,6 +72,7 @@ export default defineConfig({
 items: [
 { label: 'Permissions', link: '/permissions/' },
 { label: 'Permissions Reference', link: '/permissions/permissions/' },
 { label: 'Supplemental Permissions', link: '/permissions/supplemental-permissions/' },
 { label: 'Weapon Permissions', link: '/permissions/weapon-permissions/' },
 { label: 'Default Permissions.cfg', link: '/permissions/default-permissions/' },
 ],
Expand Down

6 changes: 3 additions & 3 deletions
docs/landing/enhanced/index.html

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -70,11 +70,11 @@
 <div class="blob">
 <svg viewBox="0 0 24 24" fill="none" stroke="#1a1523" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
 </div>
 <h1>Enhanced Docs</h1>
 <p>A revamped set of vMenu documentation is on the way. Hang tight — it's coming soon!</p>
 <h1>vMenu Enhanced Docs</h1>
 <p>We're working on vMenu for Enhanced. Documentation for that version will be available here once it launches.</p>
 <a class="back" href="/vmenu/">
 <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><line x1="19" y1="12" x2="5" y2="12"/><polyline points="12 19 5 12 12 5"/></svg>
 Back to vMenu
 Back to vMenu Legacy Docs
 </a>
 </div>
</body>
Expand Down

43 changes: 39 additions & 4 deletions
docs/landing/index.html

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -161,6 +161,36 @@
 transform: rotate(6deg);
 }

 .back {
 margin-top: 2.4rem;
 display: inline-flex;
 align-items: center;
 gap: 0.5rem;
 text-decoration: none;
 color: var(--ink);
 font-weight: 600;
 font-size: 1rem;
 background: #fff;
 border: 3px solid var(--ink);
 border-radius: 999px;
 padding: 0.6rem 1.2rem;
 box-shadow: 4px 4px 0 var(--ink);
 transition: transform 0.12s ease, box-shadow 0.12s ease, background 0.2s ease;
 animation: pop 0.5s cubic-bezier(.34,1.56,.64,1) both;
 animation-delay: 0.25s;
 }
 .back:hover {
 transform: translate(-2px, -3px);
 box-shadow: 7px 8px 0 var(--ink);
 background: var(--mint);
 }
 .back:active {
 transform: translate(3px, 3px);
 box-shadow: 1px 1px 0 var(--ink);
 }
 .back svg { transition: transform 0.2s ease; }
 .back:hover svg { transform: translateX(-3px); }

 @keyframes pop {
 from { opacity: 0; transform: translateY(24px) scale(0.9); }
 to { opacity: 1; transform: translateY(0) scale(1); }
Expand All@@ -185,9 +215,9 @@ <h1>vMenu</h1>
 <div class="blob">
 <svg viewBox="0 0 24 24" fill="none" stroke="#1a1523" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20"/><path d="M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z"/></svg>
 </div>
 <div class="name">Legacy Docs</div>
 <div class="name">vMenu for FiveM Legacy</div>
 <span class="tag">
 Browse
 Browse documentation
 <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg>
 </span>
 </a>
Expand All@@ -197,9 +227,14 @@ <h1>vMenu</h1>
 <div class="blob">
 <svg viewBox="0 0 24 24" fill="none" stroke="#8a8478" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
 </div>
 <div class="name">Enhanced Docs</div>
 <span class="tag">Coming soon</span>
 <div class="name">vMenu for FiveM Enhanced</div>
 <span class="tag">Documentation coming soon</span>
 </div>
 </main>

 <a class="back" href="/">
 <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><line x1="19" y1="12" x2="5" y2="12"/><polyline points="12 19 5 12 12 5"/></svg>
 Back to all docs
 </a>
</body>
</html>

46 changes: 23 additions & 23 deletions
docs/src/components/SocialIcons.astro

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,18 +1,21 @@
---
// Override: prepend an "vMenu Enhanced Docs (coming soon)" link to the header nav,
// then render Starlight's default social icons.
// Override: prepend a "Back to all docs" pill (linking to the vMenu version
// selector) to the header nav, then render Starlight's default social icons.
import Default from '@astrojs/starlight/components/SocialIcons.astro';

// One level up from this doc set: /vmenu/legacy/ -> /vmenu/.
const chooser = import.meta.env.BASE_URL.replace(/\/(legacy|enhanced|redm)\/?$/, '/');
---

<a class="enhanced-nav-link" href="/vmenu/enhanced/">
 <span class="label">vMenu Enhanced Docs</span>
 <span class="soon">Soon</span>
<a class="back-nav-link" href={chooser}>
 <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><line x1="19" y1="12" x2="5" y2="12"></line><polyline points="12 19 5 12 12 5"></polyline></svg>
 <span class="label">Back to all docs</span>
</a>

<Default><slot /></Default>

<style>
 .enhanced-nav-link {
 .back-nav-link {
 display: inline-flex;
 align-items: center;
 gap: 0.4rem;
Expand All@@ -21,40 +24,37 @@ import Default from '@astrojs/starlight/components/SocialIcons.astro';
 font-size: 0.85rem;
 line-height: 1;
 color: #1a1523;
 background: #7fe0c8;
 background: #fff;
 border: 2px solid #1a1523;
 border-radius: 999px;
 padding: 0.32rem 0.4rem 0.32rem 0.8rem;
 padding: 0.4rem 0.9rem;
 box-shadow: 3px 3px 0 #1a1523;
 text-decoration: none;
 white-space: nowrap;
 transition: transform 0.12s ease, box-shadow 0.12s ease;
 transition: transform 0.12s ease, box-shadow 0.12s ease, background 0.2s ease;
 }
 .enhanced-nav-link:hover {
 .back-nav-link:hover {
 transform: translate(-1px, -2px);
 box-shadow: 5px 6px 0 #1a1523;
 background: #7fe0c8;
 }
 .enhanced-nav-link:active {
 .back-nav-link:active {
 transform: translate(2px, 2px);
 box-shadow: 1px 1px 0 #1a1523;
 }
 .soon {
 font-size: 0.6rem;
 font-weight: 700;
 text-transform: uppercase;
 letter-spacing: 0.04em;
 background: #1a1523;
 color: #fef3d9;
 border-radius: 999px;
 padding: 0.15rem 0.45rem;
 .back-nav-link svg {
 transition: transform 0.2s ease;
 }
 .back-nav-link:hover svg {
 transform: translateX(-3px);
 }
 /* keep the header uncramped on narrow viewports */
 @media (max-width: 50rem) {
 .enhanced-nav-link .label {
 .back-nav-link .label {
 display: none;
 }
 .enhanced-nav-link {
 padding: 0.32rem 0.5rem;
 .back-nav-link {
 padding: 0.4rem 0.55rem;
 }
 }
</style>
Loading
Loading

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Force GitHub README to respect dark mode
(function() {
var style = document.createElement('style');
style.textContent = '
.markdown-body {
color-scheme: dark light;
}
.markdown-body pre { background: #161b22 !important; }
.markdown-body code { background: rgba(110, 118, 129, 0.4) !important; }
.markdown-body table th, .markdown-body table td { border-color: #30363d !important; }
.markdown-body img { background: #0d1117; }
.markdown-body blockquote { border-left-color: #8b949e; }
.markdown-body hr { border-color: #30363d; }
';
document.head.appendChild(style);
})();
}
} catch(__e) { console.warn('[Userscript:GitHub Dark Mode README Fix]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '
[pull] master from TomGrobbe:master by pull[bot] · Pull Request #20 · MichaelCoding25/vMenu · GitHub
Skip to content
[pull] master from TomGrobbe:master#20

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

 Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and
privacy statement. We’ll occasionally send you account related emails.

Already on GitHub?
Sign in
to your account

 Merged

pull
merged 11 commits into

from

Jul 25, 2026
 Merged


[pull] master from TomGrobbe:master
#20
Show file tree
Hide file tree
 Changes from all commits
Commits

Show all changes


11 commits


Select commit
Hold shift + click to select a range
263ba7f

docs(vMenu): theme tweaks


TomGrobbe Jul 25, 2026
6b3f400

docs(vMenu): wording tweaks


TomGrobbe Jul 25, 2026
945d92e

docs(vMenu): wording tweaks


TomGrobbe Jul 25, 2026
c3a3ec2

docs(vMenu): wording tweaks


TomGrobbe Jul 25, 2026
1eeba7b

docs(vMenu): supplemental permissions


TomGrobbe Jul 25, 2026
ad68291

docs(vMenu): add missing changelogs and landing page wording changes


TomGrobbe Jul 25, 2026
d93d2df

docs(vMenu): landing page change


TomGrobbe Jul 25, 2026
db9d4bd

docs(vMenu): code block styling


TomGrobbe Jul 25, 2026
13cc3ac

docs(vMenu): theme tweaks


TomGrobbe Jul 25, 2026
4d6c948

docs(vMenu): theme tweaks


TomGrobbe Jul 25, 2026
ede2071

docs(vMenu): theme tweaks


TomGrobbe Jul 25, 2026

File filter

Filter by extension
Filter by extension
Conversations

Failed to load comments. 
Loading
Jump to

Jump to file


Failed to load files. 
Loading
 Diff view

 Diff view


11 changes: 10 additions & 1 deletion
docs/astro.config.mjs

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -21,9 +21,17 @@ export default defineConfig({
 description: 'Documentation for vMenu — a server-sided trainer/menu for FiveM.',
 favicon: '/favicon.png',
 customCss: ['./src/styles/cartoon.css'],
 // Give Expressive Code an explicit dark + light theme pair. Setting custom
 // themes turns off Starlight's UI theme colors for code blocks, so each
 // block now takes its background from its own theme. That fixes the earlier
 // low contrast issue where dark theme tokens were drawn on a light
 // background. Starlight needs at least one dark and one light theme here.
 expressiveCode: { themes: ['github-dark', 'github-light'] },
 logo: { src: './src/assets/logo.png', alt: 'vMenu', replacesTitle: false },
 // Add an "Enhanced Docs (coming soon)" link into the header nav.
 // Add an "vMenu Enhanced Docs (coming soon)" link into the header nav.
 components: { SocialIcons: './src/components/SocialIcons.astro' },
 // Retarget the header logo + title link at the site root (see src/routeData.ts).
 routeMiddleware: './src/routeData.ts',
 head: [
 { tag: 'link', attrs: { rel: 'preconnect', href: 'https://fonts.googleapis.com' } },
 { tag: 'link', attrs: { rel: 'preconnect', href: 'https://fonts.gstatic.com', crossorigin: true } },
Expand DownExpand Up@@ -64,6 +72,7 @@ export default defineConfig({
 items: [
 { label: 'Permissions', link: '/permissions/' },
 { label: 'Permissions Reference', link: '/permissions/permissions/' },
 { label: 'Supplemental Permissions', link: '/permissions/supplemental-permissions/' },
 { label: 'Weapon Permissions', link: '/permissions/weapon-permissions/' },
 { label: 'Default Permissions.cfg', link: '/permissions/default-permissions/' },
 ],
Expand Down

6 changes: 3 additions & 3 deletions
docs/landing/enhanced/index.html

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -70,11 +70,11 @@
 <div class="blob">
 <svg viewBox="0 0 24 24" fill="none" stroke="#1a1523" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
 </div>
 <h1>Enhanced Docs</h1>
 <p>A revamped set of vMenu documentation is on the way. Hang tight — it's coming soon!</p>
 <h1>vMenu Enhanced Docs</h1>
 <p>We're working on vMenu for Enhanced. Documentation for that version will be available here once it launches.</p>
 <a class="back" href="/vmenu/">
 <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><line x1="19" y1="12" x2="5" y2="12"/><polyline points="12 19 5 12 12 5"/></svg>
 Back to vMenu
 Back to vMenu Legacy Docs
 </a>
 </div>
</body>
Expand Down

43 changes: 39 additions & 4 deletions
docs/landing/index.html

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -161,6 +161,36 @@
 transform: rotate(6deg);
 }

 .back {
 margin-top: 2.4rem;
 display: inline-flex;
 align-items: center;
 gap: 0.5rem;
 text-decoration: none;
 color: var(--ink);
 font-weight: 600;
 font-size: 1rem;
 background: #fff;
 border: 3px solid var(--ink);
 border-radius: 999px;
 padding: 0.6rem 1.2rem;
 box-shadow: 4px 4px 0 var(--ink);
 transition: transform 0.12s ease, box-shadow 0.12s ease, background 0.2s ease;
 animation: pop 0.5s cubic-bezier(.34,1.56,.64,1) both;
 animation-delay: 0.25s;
 }
 .back:hover {
 transform: translate(-2px, -3px);
 box-shadow: 7px 8px 0 var(--ink);
 background: var(--mint);
 }
 .back:active {
 transform: translate(3px, 3px);
 box-shadow: 1px 1px 0 var(--ink);
 }
 .back svg { transition: transform 0.2s ease; }
 .back:hover svg { transform: translateX(-3px); }

 @keyframes pop {
 from { opacity: 0; transform: translateY(24px) scale(0.9); }
 to { opacity: 1; transform: translateY(0) scale(1); }
Expand All@@ -185,9 +215,9 @@ <h1>vMenu</h1>
 <div class="blob">
 <svg viewBox="0 0 24 24" fill="none" stroke="#1a1523" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20"/><path d="M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z"/></svg>
 </div>
 <div class="name">Legacy Docs</div>
 <div class="name">vMenu for FiveM Legacy</div>
 <span class="tag">
 Browse
 Browse documentation
 <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg>
 </span>
 </a>
Expand All@@ -197,9 +227,14 @@ <h1>vMenu</h1>
 <div class="blob">
 <svg viewBox="0 0 24 24" fill="none" stroke="#8a8478" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
 </div>
 <div class="name">Enhanced Docs</div>
 <span class="tag">Coming soon</span>
 <div class="name">vMenu for FiveM Enhanced</div>
 <span class="tag">Documentation coming soon</span>
 </div>
 </main>

 <a class="back" href="/">
 <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><line x1="19" y1="12" x2="5" y2="12"/><polyline points="12 19 5 12 12 5"/></svg>
 Back to all docs
 </a>
</body>
</html>

46 changes: 23 additions & 23 deletions
docs/src/components/SocialIcons.astro

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,18 +1,21 @@
---
// Override: prepend an "vMenu Enhanced Docs (coming soon)" link to the header nav,
// then render Starlight's default social icons.
// Override: prepend a "Back to all docs" pill (linking to the vMenu version
// selector) to the header nav, then render Starlight's default social icons.
import Default from '@astrojs/starlight/components/SocialIcons.astro';

// One level up from this doc set: /vmenu/legacy/ -> /vmenu/.
const chooser = import.meta.env.BASE_URL.replace(/\/(legacy|enhanced|redm)\/?$/, '/');
---

<a class="enhanced-nav-link" href="/vmenu/enhanced/">
 <span class="label">vMenu Enhanced Docs</span>
 <span class="soon">Soon</span>
<a class="back-nav-link" href={chooser}>
 <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><line x1="19" y1="12" x2="5" y2="12"></line><polyline points="12 19 5 12 12 5"></polyline></svg>
 <span class="label">Back to all docs</span>
</a>

<Default><slot /></Default>

<style>
 .enhanced-nav-link {
 .back-nav-link {
 display: inline-flex;
 align-items: center;
 gap: 0.4rem;
Expand All@@ -21,40 +24,37 @@ import Default from '@astrojs/starlight/components/SocialIcons.astro';
 font-size: 0.85rem;
 line-height: 1;
 color: #1a1523;
 background: #7fe0c8;
 background: #fff;
 border: 2px solid #1a1523;
 border-radius: 999px;
 padding: 0.32rem 0.4rem 0.32rem 0.8rem;
 padding: 0.4rem 0.9rem;
 box-shadow: 3px 3px 0 #1a1523;
 text-decoration: none;
 white-space: nowrap;
 transition: transform 0.12s ease, box-shadow 0.12s ease;
 transition: transform 0.12s ease, box-shadow 0.12s ease, background 0.2s ease;
 }
 .enhanced-nav-link:hover {
 .back-nav-link:hover {
 transform: translate(-1px, -2px);
 box-shadow: 5px 6px 0 #1a1523;
 background: #7fe0c8;
 }
 .enhanced-nav-link:active {
 .back-nav-link:active {
 transform: translate(2px, 2px);
 box-shadow: 1px 1px 0 #1a1523;
 }
 .soon {
 font-size: 0.6rem;
 font-weight: 700;
 text-transform: uppercase;
 letter-spacing: 0.04em;
 background: #1a1523;
 color: #fef3d9;
 border-radius: 999px;
 padding: 0.15rem 0.45rem;
 .back-nav-link svg {
 transition: transform 0.2s ease;
 }
 .back-nav-link:hover svg {
 transform: translateX(-3px);
 }
 /* keep the header uncramped on narrow viewports */
 @media (max-width: 50rem) {
 .enhanced-nav-link .label {
 .back-nav-link .label {
 display: none;
 }
 .enhanced-nav-link {
 padding: 0.32rem 0.5rem;
 .back-nav-link {
 padding: 0.4rem 0.55rem;
 }
 }
</style>
Loading
Loading

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Highlight search terms from Google/DuckDuckGo/Bing referrer
(function() {
var ref = document.referrer;
var terms = [];
if (ref.includes('google.com') || ref.includes('duckduckgo.com') || ref.includes('bing.com')) {
var url = new URL(ref);
var q = url.searchParams.get('q') || url.searchParams.get('p');
if (q) {
terms = q.split(/\s+/).filter(function(t) { return t.length > 2; });
}
}
if (terms.length === 0) return;
var style = document.createElement('style');
style.textContent = '.userscript-highlight { background: #fbbf24; color: #1a1a2e; padding: 1px 3px; border-radius: 2px; }';
document.head.appendChild(style);
function highlight(node) {
if (node.nodeType === 3) { // text node
var text = node.textContent;
var found = false;
terms.forEach(function(term) {
var regex = new RegExp('(' + term.replace(/[.*+?^${}()|[\]\\]/g, '\\') + ')', 'gi');
if (regex.test(text)) {
found = true;
var frag = document.createDocumentFragment();
var parts = text.split(regex);
parts.forEach(function(part, i) {
if (i % 2 === 0) {
frag.appendChild(document.createTextNode(part));
} else {
var span = document.createElement('span');
span.className = 'userscript-highlight';
span.textContent = part;
frag.appendChild(span);
}
});
node.parentNode.replaceChild(frag, node);
}
});
} else if (node.nodeType === 1 && node.childNodes) { // element
var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT'];
if (!skipTags.includes(node.tagName)) {
Array.from(node.childNodes).forEach(highlight);
}
}
}
highlight(document.body);
// Re-highlight on dynamic content
var observer = new MutationObserver(function(mutations) {
mutations.forEach(function(m) {
m.addedNodes.forEach(function(node) {
if (node.nodeType === 1 || node.nodeType === 3) highlight(node);
});
});
});
observer.observe(document.body, { childList: true, subtree: true });
})();
}
} catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '
[pull] master from TomGrobbe:master by pull[bot] · Pull Request #20 · MichaelCoding25/vMenu · GitHub
Skip to content
[pull] master from TomGrobbe:master#20

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

 Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and
privacy statement. We’ll occasionally send you account related emails.

Already on GitHub?
Sign in
to your account

 Merged

pull
merged 11 commits into

from

Jul 25, 2026
 Merged


[pull] master from TomGrobbe:master
#20
Show file tree
Hide file tree
 Changes from all commits
Commits

Show all changes


11 commits


Select commit
Hold shift + click to select a range
263ba7f

docs(vMenu): theme tweaks


TomGrobbe Jul 25, 2026
6b3f400

docs(vMenu): wording tweaks


TomGrobbe Jul 25, 2026
945d92e

docs(vMenu): wording tweaks


TomGrobbe Jul 25, 2026
c3a3ec2

docs(vMenu): wording tweaks


TomGrobbe Jul 25, 2026
1eeba7b

docs(vMenu): supplemental permissions


TomGrobbe Jul 25, 2026
ad68291

docs(vMenu): add missing changelogs and landing page wording changes


TomGrobbe Jul 25, 2026
d93d2df

docs(vMenu): landing page change


TomGrobbe Jul 25, 2026
db9d4bd

docs(vMenu): code block styling


TomGrobbe Jul 25, 2026
13cc3ac

docs(vMenu): theme tweaks


TomGrobbe Jul 25, 2026
4d6c948

docs(vMenu): theme tweaks


TomGrobbe Jul 25, 2026
ede2071

docs(vMenu): theme tweaks


TomGrobbe Jul 25, 2026

File filter

Filter by extension
Filter by extension
Conversations

Failed to load comments. 
Loading
Jump to

Jump to file


Failed to load files. 
Loading
 Diff view

 Diff view


11 changes: 10 additions & 1 deletion
docs/astro.config.mjs

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -21,9 +21,17 @@ export default defineConfig({
 description: 'Documentation for vMenu — a server-sided trainer/menu for FiveM.',
 favicon: '/favicon.png',
 customCss: ['./src/styles/cartoon.css'],
 // Give Expressive Code an explicit dark + light theme pair. Setting custom
 // themes turns off Starlight's UI theme colors for code blocks, so each
 // block now takes its background from its own theme. That fixes the earlier
 // low contrast issue where dark theme tokens were drawn on a light
 // background. Starlight needs at least one dark and one light theme here.
 expressiveCode: { themes: ['github-dark', 'github-light'] },
 logo: { src: './src/assets/logo.png', alt: 'vMenu', replacesTitle: false },
 // Add an "Enhanced Docs (coming soon)" link into the header nav.
 // Add an "vMenu Enhanced Docs (coming soon)" link into the header nav.
 components: { SocialIcons: './src/components/SocialIcons.astro' },
 // Retarget the header logo + title link at the site root (see src/routeData.ts).
 routeMiddleware: './src/routeData.ts',
 head: [
 { tag: 'link', attrs: { rel: 'preconnect', href: 'https://fonts.googleapis.com' } },
 { tag: 'link', attrs: { rel: 'preconnect', href: 'https://fonts.gstatic.com', crossorigin: true } },
Expand DownExpand Up@@ -64,6 +72,7 @@ export default defineConfig({
 items: [
 { label: 'Permissions', link: '/permissions/' },
 { label: 'Permissions Reference', link: '/permissions/permissions/' },
 { label: 'Supplemental Permissions', link: '/permissions/supplemental-permissions/' },
 { label: 'Weapon Permissions', link: '/permissions/weapon-permissions/' },
 { label: 'Default Permissions.cfg', link: '/permissions/default-permissions/' },
 ],
Expand Down

6 changes: 3 additions & 3 deletions
docs/landing/enhanced/index.html

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -70,11 +70,11 @@
 <div class="blob">
 <svg viewBox="0 0 24 24" fill="none" stroke="#1a1523" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
 </div>
 <h1>Enhanced Docs</h1>
 <p>A revamped set of vMenu documentation is on the way. Hang tight — it's coming soon!</p>
 <h1>vMenu Enhanced Docs</h1>
 <p>We're working on vMenu for Enhanced. Documentation for that version will be available here once it launches.</p>
 <a class="back" href="/vmenu/">
 <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><line x1="19" y1="12" x2="5" y2="12"/><polyline points="12 19 5 12 12 5"/></svg>
 Back to vMenu
 Back to vMenu Legacy Docs
 </a>
 </div>
</body>
Expand Down

43 changes: 39 additions & 4 deletions
docs/landing/index.html

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -161,6 +161,36 @@
 transform: rotate(6deg);
 }

 .back {
 margin-top: 2.4rem;
 display: inline-flex;
 align-items: center;
 gap: 0.5rem;
 text-decoration: none;
 color: var(--ink);
 font-weight: 600;
 font-size: 1rem;
 background: #fff;
 border: 3px solid var(--ink);
 border-radius: 999px;
 padding: 0.6rem 1.2rem;
 box-shadow: 4px 4px 0 var(--ink);
 transition: transform 0.12s ease, box-shadow 0.12s ease, background 0.2s ease;
 animation: pop 0.5s cubic-bezier(.34,1.56,.64,1) both;
 animation-delay: 0.25s;
 }
 .back:hover {
 transform: translate(-2px, -3px);
 box-shadow: 7px 8px 0 var(--ink);
 background: var(--mint);
 }
 .back:active {
 transform: translate(3px, 3px);
 box-shadow: 1px 1px 0 var(--ink);
 }
 .back svg { transition: transform 0.2s ease; }
 .back:hover svg { transform: translateX(-3px); }

 @keyframes pop {
 from { opacity: 0; transform: translateY(24px) scale(0.9); }
 to { opacity: 1; transform: translateY(0) scale(1); }
Expand All@@ -185,9 +215,9 @@ <h1>vMenu</h1>
 <div class="blob">
 <svg viewBox="0 0 24 24" fill="none" stroke="#1a1523" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20"/><path d="M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z"/></svg>
 </div>
 <div class="name">Legacy Docs</div>
 <div class="name">vMenu for FiveM Legacy</div>
 <span class="tag">
 Browse
 Browse documentation
 <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg>
 </span>
 </a>
Expand All@@ -197,9 +227,14 @@ <h1>vMenu</h1>
 <div class="blob">
 <svg viewBox="0 0 24 24" fill="none" stroke="#8a8478" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
 </div>
 <div class="name">Enhanced Docs</div>
 <span class="tag">Coming soon</span>
 <div class="name">vMenu for FiveM Enhanced</div>
 <span class="tag">Documentation coming soon</span>
 </div>
 </main>

 <a class="back" href="/">
 <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><line x1="19" y1="12" x2="5" y2="12"/><polyline points="12 19 5 12 12 5"/></svg>
 Back to all docs
 </a>
</body>
</html>

46 changes: 23 additions & 23 deletions
docs/src/components/SocialIcons.astro

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,18 +1,21 @@
---
// Override: prepend an "vMenu Enhanced Docs (coming soon)" link to the header nav,
// then render Starlight's default social icons.
// Override: prepend a "Back to all docs" pill (linking to the vMenu version
// selector) to the header nav, then render Starlight's default social icons.
import Default from '@astrojs/starlight/components/SocialIcons.astro';

// One level up from this doc set: /vmenu/legacy/ -> /vmenu/.
const chooser = import.meta.env.BASE_URL.replace(/\/(legacy|enhanced|redm)\/?$/, '/');
---

<a class="enhanced-nav-link" href="/vmenu/enhanced/">
 <span class="label">vMenu Enhanced Docs</span>
 <span class="soon">Soon</span>
<a class="back-nav-link" href={chooser}>
 <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><line x1="19" y1="12" x2="5" y2="12"></line><polyline points="12 19 5 12 12 5"></polyline></svg>
 <span class="label">Back to all docs</span>
</a>

<Default><slot /></Default>

<style>
 .enhanced-nav-link {
 .back-nav-link {
 display: inline-flex;
 align-items: center;
 gap: 0.4rem;
Expand All@@ -21,40 +24,37 @@ import Default from '@astrojs/starlight/components/SocialIcons.astro';
 font-size: 0.85rem;
 line-height: 1;
 color: #1a1523;
 background: #7fe0c8;
 background: #fff;
 border: 2px solid #1a1523;
 border-radius: 999px;
 padding: 0.32rem 0.4rem 0.32rem 0.8rem;
 padding: 0.4rem 0.9rem;
 box-shadow: 3px 3px 0 #1a1523;
 text-decoration: none;
 white-space: nowrap;
 transition: transform 0.12s ease, box-shadow 0.12s ease;
 transition: transform 0.12s ease, box-shadow 0.12s ease, background 0.2s ease;
 }
 .enhanced-nav-link:hover {
 .back-nav-link:hover {
 transform: translate(-1px, -2px);
 box-shadow: 5px 6px 0 #1a1523;
 background: #7fe0c8;
 }
 .enhanced-nav-link:active {
 .back-nav-link:active {
 transform: translate(2px, 2px);
 box-shadow: 1px 1px 0 #1a1523;
 }
 .soon {
 font-size: 0.6rem;
 font-weight: 700;
 text-transform: uppercase;
 letter-spacing: 0.04em;
 background: #1a1523;
 color: #fef3d9;
 border-radius: 999px;
 padding: 0.15rem 0.45rem;
 .back-nav-link svg {
 transition: transform 0.2s ease;
 }
 .back-nav-link:hover svg {
 transform: translateX(-3px);
 }
 /* keep the header uncramped on narrow viewports */
 @media (max-width: 50rem) {
 .enhanced-nav-link .label {
 .back-nav-link .label {
 display: none;
 }
 .enhanced-nav-link {
 padding: 0.32rem 0.5rem;
 .back-nav-link {
 padding: 0.4rem 0.55rem;
 }
 }
</style>
Loading
Loading

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Strip utm_, fbclid, gclid, etc. from all links on page
(function() {
var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content',
'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid',
'ref', 'ref_src', 'source', 'medium', 'campaign'];
function cleanUrl(url) {
try {
var u = new URL(url, window.location.origin);
var changed = false;
trackingParams.forEach(function(p) {
if (u.searchParams.has(p)) {
u.searchParams.delete(p);
changed = true;
}
});
return changed ? u.toString() : url;
} catch (e) {
return url;
}
}
function cleanLinks() {
document.querySelectorAll('a[href]').forEach(function(a) {
var clean = cleanUrl(a.href);
if (clean !== a.href) a.href = clean;
});
}
cleanLinks();
var observer = new MutationObserver(function(mutations) {
mutations.forEach(function(m) {
m.addedNodes.forEach(function(node) {
if (node.nodeType === 1) {
if (node.tagName === 'A') cleanLinks();
node.querySelectorAll('a[href]').forEach(function(a) {
var clean = cleanUrl(a.href);
if (clean !== a.href) a.href = clean;
});
}
});
});
});
observer.observe(document.body, { childList: true, subtree: true });
})();
}
} catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); }
})();
(function(){
try {
var __m = "youtube.com";
var __re = new RegExp('^' + "youtube\\.com" + '
[pull] master from TomGrobbe:master by pull[bot] · Pull Request #20 · MichaelCoding25/vMenu · GitHub
Skip to content
[pull] master from TomGrobbe:master#20

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

 Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and
privacy statement. We’ll occasionally send you account related emails.

Already on GitHub?
Sign in
to your account

 Merged

pull
merged 11 commits into

from

Jul 25, 2026
 Merged


[pull] master from TomGrobbe:master
#20
Show file tree
Hide file tree
 Changes from all commits
Commits

Show all changes


11 commits


Select commit
Hold shift + click to select a range
263ba7f

docs(vMenu): theme tweaks


TomGrobbe Jul 25, 2026
6b3f400

docs(vMenu): wording tweaks


TomGrobbe Jul 25, 2026
945d92e

docs(vMenu): wording tweaks


TomGrobbe Jul 25, 2026
c3a3ec2

docs(vMenu): wording tweaks


TomGrobbe Jul 25, 2026
1eeba7b

docs(vMenu): supplemental permissions


TomGrobbe Jul 25, 2026
ad68291

docs(vMenu): add missing changelogs and landing page wording changes


TomGrobbe Jul 25, 2026
d93d2df

docs(vMenu): landing page change


TomGrobbe Jul 25, 2026
db9d4bd

docs(vMenu): code block styling


TomGrobbe Jul 25, 2026
13cc3ac

docs(vMenu): theme tweaks


TomGrobbe Jul 25, 2026
4d6c948

docs(vMenu): theme tweaks


TomGrobbe Jul 25, 2026
ede2071

docs(vMenu): theme tweaks


TomGrobbe Jul 25, 2026

File filter

Filter by extension
Filter by extension
Conversations

Failed to load comments. 
Loading
Jump to

Jump to file


Failed to load files. 
Loading
 Diff view

 Diff view


11 changes: 10 additions & 1 deletion
docs/astro.config.mjs

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -21,9 +21,17 @@ export default defineConfig({
 description: 'Documentation for vMenu — a server-sided trainer/menu for FiveM.',
 favicon: '/favicon.png',
 customCss: ['./src/styles/cartoon.css'],
 // Give Expressive Code an explicit dark + light theme pair. Setting custom
 // themes turns off Starlight's UI theme colors for code blocks, so each
 // block now takes its background from its own theme. That fixes the earlier
 // low contrast issue where dark theme tokens were drawn on a light
 // background. Starlight needs at least one dark and one light theme here.
 expressiveCode: { themes: ['github-dark', 'github-light'] },
 logo: { src: './src/assets/logo.png', alt: 'vMenu', replacesTitle: false },
 // Add an "Enhanced Docs (coming soon)" link into the header nav.
 // Add an "vMenu Enhanced Docs (coming soon)" link into the header nav.
 components: { SocialIcons: './src/components/SocialIcons.astro' },
 // Retarget the header logo + title link at the site root (see src/routeData.ts).
 routeMiddleware: './src/routeData.ts',
 head: [
 { tag: 'link', attrs: { rel: 'preconnect', href: 'https://fonts.googleapis.com' } },
 { tag: 'link', attrs: { rel: 'preconnect', href: 'https://fonts.gstatic.com', crossorigin: true } },
Expand DownExpand Up@@ -64,6 +72,7 @@ export default defineConfig({
 items: [
 { label: 'Permissions', link: '/permissions/' },
 { label: 'Permissions Reference', link: '/permissions/permissions/' },
 { label: 'Supplemental Permissions', link: '/permissions/supplemental-permissions/' },
 { label: 'Weapon Permissions', link: '/permissions/weapon-permissions/' },
 { label: 'Default Permissions.cfg', link: '/permissions/default-permissions/' },
 ],
Expand Down

6 changes: 3 additions & 3 deletions
docs/landing/enhanced/index.html

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -70,11 +70,11 @@
 <div class="blob">
 <svg viewBox="0 0 24 24" fill="none" stroke="#1a1523" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
 </div>
 <h1>Enhanced Docs</h1>
 <p>A revamped set of vMenu documentation is on the way. Hang tight — it's coming soon!</p>
 <h1>vMenu Enhanced Docs</h1>
 <p>We're working on vMenu for Enhanced. Documentation for that version will be available here once it launches.</p>
 <a class="back" href="/vmenu/">
 <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><line x1="19" y1="12" x2="5" y2="12"/><polyline points="12 19 5 12 12 5"/></svg>
 Back to vMenu
 Back to vMenu Legacy Docs
 </a>
 </div>
</body>
Expand Down

43 changes: 39 additions & 4 deletions
docs/landing/index.html

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -161,6 +161,36 @@
 transform: rotate(6deg);
 }

 .back {
 margin-top: 2.4rem;
 display: inline-flex;
 align-items: center;
 gap: 0.5rem;
 text-decoration: none;
 color: var(--ink);
 font-weight: 600;
 font-size: 1rem;
 background: #fff;
 border: 3px solid var(--ink);
 border-radius: 999px;
 padding: 0.6rem 1.2rem;
 box-shadow: 4px 4px 0 var(--ink);
 transition: transform 0.12s ease, box-shadow 0.12s ease, background 0.2s ease;
 animation: pop 0.5s cubic-bezier(.34,1.56,.64,1) both;
 animation-delay: 0.25s;
 }
 .back:hover {
 transform: translate(-2px, -3px);
 box-shadow: 7px 8px 0 var(--ink);
 background: var(--mint);
 }
 .back:active {
 transform: translate(3px, 3px);
 box-shadow: 1px 1px 0 var(--ink);
 }
 .back svg { transition: transform 0.2s ease; }
 .back:hover svg { transform: translateX(-3px); }

 @keyframes pop {
 from { opacity: 0; transform: translateY(24px) scale(0.9); }
 to { opacity: 1; transform: translateY(0) scale(1); }
Expand All@@ -185,9 +215,9 @@ <h1>vMenu</h1>
 <div class="blob">
 <svg viewBox="0 0 24 24" fill="none" stroke="#1a1523" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20"/><path d="M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z"/></svg>
 </div>
 <div class="name">Legacy Docs</div>
 <div class="name">vMenu for FiveM Legacy</div>
 <span class="tag">
 Browse
 Browse documentation
 <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg>
 </span>
 </a>
Expand All@@ -197,9 +227,14 @@ <h1>vMenu</h1>
 <div class="blob">
 <svg viewBox="0 0 24 24" fill="none" stroke="#8a8478" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
 </div>
 <div class="name">Enhanced Docs</div>
 <span class="tag">Coming soon</span>
 <div class="name">vMenu for FiveM Enhanced</div>
 <span class="tag">Documentation coming soon</span>
 </div>
 </main>

 <a class="back" href="/">
 <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><line x1="19" y1="12" x2="5" y2="12"/><polyline points="12 19 5 12 12 5"/></svg>
 Back to all docs
 </a>
</body>
</html>

46 changes: 23 additions & 23 deletions
docs/src/components/SocialIcons.astro

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,18 +1,21 @@
---
// Override: prepend an "vMenu Enhanced Docs (coming soon)" link to the header nav,
// then render Starlight's default social icons.
// Override: prepend a "Back to all docs" pill (linking to the vMenu version
// selector) to the header nav, then render Starlight's default social icons.
import Default from '@astrojs/starlight/components/SocialIcons.astro';

// One level up from this doc set: /vmenu/legacy/ -> /vmenu/.
const chooser = import.meta.env.BASE_URL.replace(/\/(legacy|enhanced|redm)\/?$/, '/');
---

<a class="enhanced-nav-link" href="/vmenu/enhanced/">
 <span class="label">vMenu Enhanced Docs</span>
 <span class="soon">Soon</span>
<a class="back-nav-link" href={chooser}>
 <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><line x1="19" y1="12" x2="5" y2="12"></line><polyline points="12 19 5 12 12 5"></polyline></svg>
 <span class="label">Back to all docs</span>
</a>

<Default><slot /></Default>

<style>
 .enhanced-nav-link {
 .back-nav-link {
 display: inline-flex;
 align-items: center;
 gap: 0.4rem;
Expand All@@ -21,40 +24,37 @@ import Default from '@astrojs/starlight/components/SocialIcons.astro';
 font-size: 0.85rem;
 line-height: 1;
 color: #1a1523;
 background: #7fe0c8;
 background: #fff;
 border: 2px solid #1a1523;
 border-radius: 999px;
 padding: 0.32rem 0.4rem 0.32rem 0.8rem;
 padding: 0.4rem 0.9rem;
 box-shadow: 3px 3px 0 #1a1523;
 text-decoration: none;
 white-space: nowrap;
 transition: transform 0.12s ease, box-shadow 0.12s ease;
 transition: transform 0.12s ease, box-shadow 0.12s ease, background 0.2s ease;
 }
 .enhanced-nav-link:hover {
 .back-nav-link:hover {
 transform: translate(-1px, -2px);
 box-shadow: 5px 6px 0 #1a1523;
 background: #7fe0c8;
 }
 .enhanced-nav-link:active {
 .back-nav-link:active {
 transform: translate(2px, 2px);
 box-shadow: 1px 1px 0 #1a1523;
 }
 .soon {
 font-size: 0.6rem;
 font-weight: 700;
 text-transform: uppercase;
 letter-spacing: 0.04em;
 background: #1a1523;
 color: #fef3d9;
 border-radius: 999px;
 padding: 0.15rem 0.45rem;
 .back-nav-link svg {
 transition: transform 0.2s ease;
 }
 .back-nav-link:hover svg {
 transform: translateX(-3px);
 }
 /* keep the header uncramped on narrow viewports */
 @media (max-width: 50rem) {
 .enhanced-nav-link .label {
 .back-nav-link .label {
 display: none;
 }
 .enhanced-nav-link {
 padding: 0.32rem 0.5rem;
 .back-nav-link {
 padding: 0.4rem 0.55rem;
 }
 }
</style>
Loading
Loading

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Auto-enable theater mode on YouTube
(function() {
function tryTheater() {
var btn = document.querySelector('button[aria-label="Theater mode"], ytd-player #player button[title="Theater mode"]');
if (btn && !btn.classList.contains('activated')) {
btn.click();
}
}
// Try immediately
tryTheater();
// Try after navigation (SPA)
var lastUrl = location.href;
setInterval(function() {
if (location.href !== lastUrl) {
lastUrl = location.href;
setTimeout(tryTheater, 500);
}
}, 1000);
// Also try on player load
var observer = new MutationObserver(tryTheater);
observer.observe(document.body, { childList: true, subtree: true });
})();
}
} catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '
[pull] master from TomGrobbe:master by pull[bot] · Pull Request #20 · MichaelCoding25/vMenu · GitHub
Skip to content
[pull] master from TomGrobbe:master#20

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

 Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and
privacy statement. We’ll occasionally send you account related emails.

Already on GitHub?
Sign in
to your account

 Merged

pull
merged 11 commits into

from

Jul 25, 2026
 Merged


[pull] master from TomGrobbe:master
#20
Show file tree
Hide file tree
 Changes from all commits
Commits

Show all changes


11 commits


Select commit
Hold shift + click to select a range
263ba7f

docs(vMenu): theme tweaks


TomGrobbe Jul 25, 2026
6b3f400

docs(vMenu): wording tweaks


TomGrobbe Jul 25, 2026
945d92e

docs(vMenu): wording tweaks


TomGrobbe Jul 25, 2026
c3a3ec2

docs(vMenu): wording tweaks


TomGrobbe Jul 25, 2026
1eeba7b

docs(vMenu): supplemental permissions


TomGrobbe Jul 25, 2026
ad68291

docs(vMenu): add missing changelogs and landing page wording changes


TomGrobbe Jul 25, 2026
d93d2df

docs(vMenu): landing page change


TomGrobbe Jul 25, 2026
db9d4bd

docs(vMenu): code block styling


TomGrobbe Jul 25, 2026
13cc3ac

docs(vMenu): theme tweaks


TomGrobbe Jul 25, 2026
4d6c948

docs(vMenu): theme tweaks


TomGrobbe Jul 25, 2026
ede2071

docs(vMenu): theme tweaks


TomGrobbe Jul 25, 2026

File filter

Filter by extension
Filter by extension
Conversations

Failed to load comments. 
Loading
Jump to

Jump to file


Failed to load files. 
Loading
 Diff view

 Diff view


11 changes: 10 additions & 1 deletion
docs/astro.config.mjs

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -21,9 +21,17 @@ export default defineConfig({
 description: 'Documentation for vMenu — a server-sided trainer/menu for FiveM.',
 favicon: '/favicon.png',
 customCss: ['./src/styles/cartoon.css'],
 // Give Expressive Code an explicit dark + light theme pair. Setting custom
 // themes turns off Starlight's UI theme colors for code blocks, so each
 // block now takes its background from its own theme. That fixes the earlier
 // low contrast issue where dark theme tokens were drawn on a light
 // background. Starlight needs at least one dark and one light theme here.
 expressiveCode: { themes: ['github-dark', 'github-light'] },
 logo: { src: './src/assets/logo.png', alt: 'vMenu', replacesTitle: false },
 // Add an "Enhanced Docs (coming soon)" link into the header nav.
 // Add an "vMenu Enhanced Docs (coming soon)" link into the header nav.
 components: { SocialIcons: './src/components/SocialIcons.astro' },
 // Retarget the header logo + title link at the site root (see src/routeData.ts).
 routeMiddleware: './src/routeData.ts',
 head: [
 { tag: 'link', attrs: { rel: 'preconnect', href: 'https://fonts.googleapis.com' } },
 { tag: 'link', attrs: { rel: 'preconnect', href: 'https://fonts.gstatic.com', crossorigin: true } },
Expand DownExpand Up@@ -64,6 +72,7 @@ export default defineConfig({
 items: [
 { label: 'Permissions', link: '/permissions/' },
 { label: 'Permissions Reference', link: '/permissions/permissions/' },
 { label: 'Supplemental Permissions', link: '/permissions/supplemental-permissions/' },
 { label: 'Weapon Permissions', link: '/permissions/weapon-permissions/' },
 { label: 'Default Permissions.cfg', link: '/permissions/default-permissions/' },
 ],
Expand Down

6 changes: 3 additions & 3 deletions
docs/landing/enhanced/index.html

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -70,11 +70,11 @@
 <div class="blob">
 <svg viewBox="0 0 24 24" fill="none" stroke="#1a1523" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
 </div>
 <h1>Enhanced Docs</h1>
 <p>A revamped set of vMenu documentation is on the way. Hang tight — it's coming soon!</p>
 <h1>vMenu Enhanced Docs</h1>
 <p>We're working on vMenu for Enhanced. Documentation for that version will be available here once it launches.</p>
 <a class="back" href="/vmenu/">
 <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><line x1="19" y1="12" x2="5" y2="12"/><polyline points="12 19 5 12 12 5"/></svg>
 Back to vMenu
 Back to vMenu Legacy Docs
 </a>
 </div>
</body>
Expand Down

43 changes: 39 additions & 4 deletions
docs/landing/index.html

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -161,6 +161,36 @@
 transform: rotate(6deg);
 }

 .back {
 margin-top: 2.4rem;
 display: inline-flex;
 align-items: center;
 gap: 0.5rem;
 text-decoration: none;
 color: var(--ink);
 font-weight: 600;
 font-size: 1rem;
 background: #fff;
 border: 3px solid var(--ink);
 border-radius: 999px;
 padding: 0.6rem 1.2rem;
 box-shadow: 4px 4px 0 var(--ink);
 transition: transform 0.12s ease, box-shadow 0.12s ease, background 0.2s ease;
 animation: pop 0.5s cubic-bezier(.34,1.56,.64,1) both;
 animation-delay: 0.25s;
 }
 .back:hover {
 transform: translate(-2px, -3px);
 box-shadow: 7px 8px 0 var(--ink);
 background: var(--mint);
 }
 .back:active {
 transform: translate(3px, 3px);
 box-shadow: 1px 1px 0 var(--ink);
 }
 .back svg { transition: transform 0.2s ease; }
 .back:hover svg { transform: translateX(-3px); }

 @keyframes pop {
 from { opacity: 0; transform: translateY(24px) scale(0.9); }
 to { opacity: 1; transform: translateY(0) scale(1); }
Expand All@@ -185,9 +215,9 @@ <h1>vMenu</h1>
 <div class="blob">
 <svg viewBox="0 0 24 24" fill="none" stroke="#1a1523" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20"/><path d="M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z"/></svg>
 </div>
 <div class="name">Legacy Docs</div>
 <div class="name">vMenu for FiveM Legacy</div>
 <span class="tag">
 Browse
 Browse documentation
 <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg>
 </span>
 </a>
Expand All@@ -197,9 +227,14 @@ <h1>vMenu</h1>
 <div class="blob">
 <svg viewBox="0 0 24 24" fill="none" stroke="#8a8478" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
 </div>
 <div class="name">Enhanced Docs</div>
 <span class="tag">Coming soon</span>
 <div class="name">vMenu for FiveM Enhanced</div>
 <span class="tag">Documentation coming soon</span>
 </div>
 </main>

 <a class="back" href="/">
 <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><line x1="19" y1="12" x2="5" y2="12"/><polyline points="12 19 5 12 12 5"/></svg>
 Back to all docs
 </a>
</body>
</html>

46 changes: 23 additions & 23 deletions
docs/src/components/SocialIcons.astro

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,18 +1,21 @@
---
// Override: prepend an "vMenu Enhanced Docs (coming soon)" link to the header nav,
// then render Starlight's default social icons.
// Override: prepend a "Back to all docs" pill (linking to the vMenu version
// selector) to the header nav, then render Starlight's default social icons.
import Default from '@astrojs/starlight/components/SocialIcons.astro';

// One level up from this doc set: /vmenu/legacy/ -> /vmenu/.
const chooser = import.meta.env.BASE_URL.replace(/\/(legacy|enhanced|redm)\/?$/, '/');
---

<a class="enhanced-nav-link" href="/vmenu/enhanced/">
 <span class="label">vMenu Enhanced Docs</span>
 <span class="soon">Soon</span>
<a class="back-nav-link" href={chooser}>
 <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><line x1="19" y1="12" x2="5" y2="12"></line><polyline points="12 19 5 12 12 5"></polyline></svg>
 <span class="label">Back to all docs</span>
</a>

<Default><slot /></Default>

<style>
 .enhanced-nav-link {
 .back-nav-link {
 display: inline-flex;
 align-items: center;
 gap: 0.4rem;
Expand All@@ -21,40 +24,37 @@ import Default from '@astrojs/starlight/components/SocialIcons.astro';
 font-size: 0.85rem;
 line-height: 1;
 color: #1a1523;
 background: #7fe0c8;
 background: #fff;
 border: 2px solid #1a1523;
 border-radius: 999px;
 padding: 0.32rem 0.4rem 0.32rem 0.8rem;
 padding: 0.4rem 0.9rem;
 box-shadow: 3px 3px 0 #1a1523;
 text-decoration: none;
 white-space: nowrap;
 transition: transform 0.12s ease, box-shadow 0.12s ease;
 transition: transform 0.12s ease, box-shadow 0.12s ease, background 0.2s ease;
 }
 .enhanced-nav-link:hover {
 .back-nav-link:hover {
 transform: translate(-1px, -2px);
 box-shadow: 5px 6px 0 #1a1523;
 background: #7fe0c8;
 }
 .enhanced-nav-link:active {
 .back-nav-link:active {
 transform: translate(2px, 2px);
 box-shadow: 1px 1px 0 #1a1523;
 }
 .soon {
 font-size: 0.6rem;
 font-weight: 700;
 text-transform: uppercase;
 letter-spacing: 0.04em;
 background: #1a1523;
 color: #fef3d9;
 border-radius: 999px;
 padding: 0.15rem 0.45rem;
 .back-nav-link svg {
 transition: transform 0.2s ease;
 }
 .back-nav-link:hover svg {
 transform: translateX(-3px);
 }
 /* keep the header uncramped on narrow viewports */
 @media (max-width: 50rem) {
 .enhanced-nav-link .label {
 .back-nav-link .label {
 display: none;
 }
 .enhanced-nav-link {
 padding: 0.32rem 0.5rem;
 .back-nav-link {
 padding: 0.4rem 0.55rem;
 }
 }
</style>
Loading
Loading

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Remove or un-stick sticky/fixed headers that block content
(function() {
function unstick() {
document.querySelectorAll('header, nav, [role="banner"], .header, .navbar, .sticky, .fixed-top, [style*="position: fixed"], [style*="position:sticky"]').forEach(function(el) {
if (el.style.position === 'fixed' || el.style.position === 'sticky' || getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') {
el.style.position = 'static';
el.style.top = 'auto';
el.style.zIndex = 'auto';
}
});
}
unstick();
var observer = new MutationObserver(unstick);
observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] });
})();
}
} catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); }
})();
})();
[pull] master from TomGrobbe:master by pull[bot] · Pull Request #20 · MichaelCoding25/vMenu · GitHub
Skip to content
[pull] master from TomGrobbe:master#20

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

 Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and
privacy statement. We’ll occasionally send you account related emails.

Already on GitHub?
Sign in
to your account

 Merged

pull
merged 11 commits into

from

Jul 25, 2026
 Merged


[pull] master from TomGrobbe:master
#20
Show file tree
Hide file tree
 Changes from all commits
Commits

Show all changes


11 commits


Select commit
Hold shift + click to select a range
263ba7f

docs(vMenu): theme tweaks


TomGrobbe Jul 25, 2026
6b3f400

docs(vMenu): wording tweaks


TomGrobbe Jul 25, 2026
945d92e

docs(vMenu): wording tweaks


TomGrobbe Jul 25, 2026
c3a3ec2

docs(vMenu): wording tweaks


TomGrobbe Jul 25, 2026
1eeba7b

docs(vMenu): supplemental permissions


TomGrobbe Jul 25, 2026
ad68291

docs(vMenu): add missing changelogs and landing page wording changes


TomGrobbe Jul 25, 2026
d93d2df

docs(vMenu): landing page change


TomGrobbe Jul 25, 2026
db9d4bd

docs(vMenu): code block styling


TomGrobbe Jul 25, 2026
13cc3ac

docs(vMenu): theme tweaks


TomGrobbe Jul 25, 2026
4d6c948

docs(vMenu): theme tweaks


TomGrobbe Jul 25, 2026
ede2071

docs(vMenu): theme tweaks


TomGrobbe Jul 25, 2026

File filter

Filter by extension
Filter by extension
Conversations

Failed to load comments. 
Loading
Jump to

Jump to file


Failed to load files. 
Loading
 Diff view

 Diff view


11 changes: 10 additions & 1 deletion
docs/astro.config.mjs

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -21,9 +21,17 @@ export default defineConfig({
 description: 'Documentation for vMenu — a server-sided trainer/menu for FiveM.',
 favicon: '/favicon.png',
 customCss: ['./src/styles/cartoon.css'],
 // Give Expressive Code an explicit dark + light theme pair. Setting custom
 // themes turns off Starlight's UI theme colors for code blocks, so each
 // block now takes its background from its own theme. That fixes the earlier
 // low contrast issue where dark theme tokens were drawn on a light
 // background. Starlight needs at least one dark and one light theme here.
 expressiveCode: { themes: ['github-dark', 'github-light'] },
 logo: { src: './src/assets/logo.png', alt: 'vMenu', replacesTitle: false },
 // Add an "Enhanced Docs (coming soon)" link into the header nav.
 // Add an "vMenu Enhanced Docs (coming soon)" link into the header nav.
 components: { SocialIcons: './src/components/SocialIcons.astro' },
 // Retarget the header logo + title link at the site root (see src/routeData.ts).
 routeMiddleware: './src/routeData.ts',
 head: [
 { tag: 'link', attrs: { rel: 'preconnect', href: 'https://fonts.googleapis.com' } },
 { tag: 'link', attrs: { rel: 'preconnect', href: 'https://fonts.gstatic.com', crossorigin: true } },
Expand DownExpand Up@@ -64,6 +72,7 @@ export default defineConfig({
 items: [
 { label: 'Permissions', link: '/permissions/' },
 { label: 'Permissions Reference', link: '/permissions/permissions/' },
 { label: 'Supplemental Permissions', link: '/permissions/supplemental-permissions/' },
 { label: 'Weapon Permissions', link: '/permissions/weapon-permissions/' },
 { label: 'Default Permissions.cfg', link: '/permissions/default-permissions/' },
 ],
Expand Down

6 changes: 3 additions & 3 deletions
docs/landing/enhanced/index.html

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -70,11 +70,11 @@
 <div class="blob">
 <svg viewBox="0 0 24 24" fill="none" stroke="#1a1523" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
 </div>
 <h1>Enhanced Docs</h1>
 <p>A revamped set of vMenu documentation is on the way. Hang tight — it's coming soon!</p>
 <h1>vMenu Enhanced Docs</h1>
 <p>We're working on vMenu for Enhanced. Documentation for that version will be available here once it launches.</p>
 <a class="back" href="/vmenu/">
 <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><line x1="19" y1="12" x2="5" y2="12"/><polyline points="12 19 5 12 12 5"/></svg>
 Back to vMenu
 Back to vMenu Legacy Docs
 </a>
 </div>
</body>
Expand Down

43 changes: 39 additions & 4 deletions
docs/landing/index.html

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -161,6 +161,36 @@
 transform: rotate(6deg);
 }

 .back {
 margin-top: 2.4rem;
 display: inline-flex;
 align-items: center;
 gap: 0.5rem;
 text-decoration: none;
 color: var(--ink);
 font-weight: 600;
 font-size: 1rem;
 background: #fff;
 border: 3px solid var(--ink);
 border-radius: 999px;
 padding: 0.6rem 1.2rem;
 box-shadow: 4px 4px 0 var(--ink);
 transition: transform 0.12s ease, box-shadow 0.12s ease, background 0.2s ease;
 animation: pop 0.5s cubic-bezier(.34,1.56,.64,1) both;
 animation-delay: 0.25s;
 }
 .back:hover {
 transform: translate(-2px, -3px);
 box-shadow: 7px 8px 0 var(--ink);
 background: var(--mint);
 }
 .back:active {
 transform: translate(3px, 3px);
 box-shadow: 1px 1px 0 var(--ink);
 }
 .back svg { transition: transform 0.2s ease; }
 .back:hover svg { transform: translateX(-3px); }

 @keyframes pop {
 from { opacity: 0; transform: translateY(24px) scale(0.9); }
 to { opacity: 1; transform: translateY(0) scale(1); }
Expand All@@ -185,9 +215,9 @@ <h1>vMenu</h1>
 <div class="blob">
 <svg viewBox="0 0 24 24" fill="none" stroke="#1a1523" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20"/><path d="M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z"/></svg>
 </div>
 <div class="name">Legacy Docs</div>
 <div class="name">vMenu for FiveM Legacy</div>
 <span class="tag">
 Browse
 Browse documentation
 <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg>
 </span>
 </a>
Expand All@@ -197,9 +227,14 @@ <h1>vMenu</h1>
 <div class="blob">
 <svg viewBox="0 0 24 24" fill="none" stroke="#8a8478" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
 </div>
 <div class="name">Enhanced Docs</div>
 <span class="tag">Coming soon</span>
 <div class="name">vMenu for FiveM Enhanced</div>
 <span class="tag">Documentation coming soon</span>
 </div>
 </main>

 <a class="back" href="/">
 <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><line x1="19" y1="12" x2="5" y2="12"/><polyline points="12 19 5 12 12 5"/></svg>
 Back to all docs
 </a>
</body>
</html>

46 changes: 23 additions & 23 deletions
docs/src/components/SocialIcons.astro

View file


Open in desktop

Original file line numberDiff line numberDiff line change
@@ -1,18 +1,21 @@
---
// Override: prepend an "vMenu Enhanced Docs (coming soon)" link to the header nav,
// then render Starlight's default social icons.
// Override: prepend a "Back to all docs" pill (linking to the vMenu version
// selector) to the header nav, then render Starlight's default social icons.
import Default from '@astrojs/starlight/components/SocialIcons.astro';

// One level up from this doc set: /vmenu/legacy/ -> /vmenu/.
const chooser = import.meta.env.BASE_URL.replace(/\/(legacy|enhanced|redm)\/?$/, '/');
---

<a class="enhanced-nav-link" href="/vmenu/enhanced/">
 <span class="label">vMenu Enhanced Docs</span>
 <span class="soon">Soon</span>
<a class="back-nav-link" href={chooser}>
 <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><line x1="19" y1="12" x2="5" y2="12"></line><polyline points="12 19 5 12 12 5"></polyline></svg>
 <span class="label">Back to all docs</span>
</a>

<Default><slot /></Default>

<style>
 .enhanced-nav-link {
 .back-nav-link {
 display: inline-flex;
 align-items: center;
 gap: 0.4rem;
Expand All@@ -21,40 +24,37 @@ import Default from '@astrojs/starlight/components/SocialIcons.astro';
 font-size: 0.85rem;
 line-height: 1;
 color: #1a1523;
 background: #7fe0c8;
 background: #fff;
 border: 2px solid #1a1523;
 border-radius: 999px;
 padding: 0.32rem 0.4rem 0.32rem 0.8rem;
 padding: 0.4rem 0.9rem;
 box-shadow: 3px 3px 0 #1a1523;
 text-decoration: none;
 white-space: nowrap;
 transition: transform 0.12s ease, box-shadow 0.12s ease;
 transition: transform 0.12s ease, box-shadow 0.12s ease, background 0.2s ease;
 }
 .enhanced-nav-link:hover {
 .back-nav-link:hover {
 transform: translate(-1px, -2px);
 box-shadow: 5px 6px 0 #1a1523;
 background: #7fe0c8;
 }
 .enhanced-nav-link:active {
 .back-nav-link:active {
 transform: translate(2px, 2px);
 box-shadow: 1px 1px 0 #1a1523;
 }
 .soon {
 font-size: 0.6rem;
 font-weight: 700;
 text-transform: uppercase;
 letter-spacing: 0.04em;
 background: #1a1523;
 color: #fef3d9;
 border-radius: 999px;
 padding: 0.15rem 0.45rem;
 .back-nav-link svg {
 transition: transform 0.2s ease;
 }
 .back-nav-link:hover svg {
 transform: translateX(-3px);
 }
 /* keep the header uncramped on narrow viewports */
 @media (max-width: 50rem) {
 .enhanced-nav-link .label {
 .back-nav-link .label {
 display: none;
 }
 .enhanced-nav-link {
 padding: 0.32rem 0.5rem;
 .back-nav-link {
 padding: 0.4rem 0.55rem;
 }
 }
</style>
Loading
Loading