Luxe Themes
Add Dropdown Menus to Ghost Navigation
JSGroup pages under a parent menu item that opens on hover or tap, on any Ghost theme, from Ghost Admin alone. Label children with a dash, paste the code, done.
Code Snippets
Small pieces of code for things a Ghost theme may not do on its own: a reading progress bar, a table of contents, custom fonts, a dark mode toggle. Each one is written to work with any theme and goes in through code injection, so no theme files change.
Site-wide code sits under Settings → Advanced → Code injection, in the Site header or Site footer box. To try a snippet on one page first, paste it into the Code injection fields in that post's settings sidebar. Deleting the code removes the change. The code injection guide explains where each box prints its code.
All snippets
Accent Color Tweaks Beyond the Ghost Setting
CSSOverride Ghost's accent color per page, in dark mode or on hover, with CSS snippets built on the --ghost-accent-color variable every theme receives.
Open External Links in a New Tab on Ghost
JSMake links to other websites open in a new tab on any Ghost site, so readers keep your page open. One copy-paste code injection snippet, no theme edits.
Hide the Floating Portal Subscribe Button
CSSRemove the round floating Subscribe button Ghost pins to every page, sitewide or on specific pages only. Copy-paste CSS for any Ghost theme.
Image Lightbox for Ghost Posts
JSClick any image in a Ghost post to view it enlarged in a dark overlay: a dependency-free lightbox as a single copy-paste code injection snippet.
Reading Progress Bar for Ghost
JSAdd a thin progress bar to the top of your Ghost site that fills as readers scroll. It matches your accent color and works on any theme, no edits needed.
Change or Translate the Ghost Search Text
JSChange the “Search posts, tags and authors” placeholder in Ghost's built-in search: translate it or reword it with one code injection snippet.
Custom Google Fonts for Ghost
CSSLoad custom Google Fonts on any Ghost theme via code injection, with proper font-display settings, fallbacks and fast loading. Copy-paste snippet included.
Auto-Generated Table of Contents for Ghost
JSBuild a sticky table of contents from your Ghost post headings automatically, with smooth scroll and active-section highlighting. Copy-paste snippet included.
Dark Mode Toggle Button for Ghost
JSAdd a dark mode toggle button to your Ghost site header: smooth transitions, saved visitor preference, no theme edits required. Copy-paste snippet included.