Tagged: javascript
-
The dark/light mode toggle worked, debug logs showed the Vim key handler firing, but cycling visual themes with t/T mysteriously stopped changing the UI. This post walks through how we tracked the issue down across Astro, CSS variables, and keyboard navigation, and how a small change to CSS specificity and data attributes fixed it cleanly.
-
Move beyond the default UI and learn how to use Pagefind's powerful core API to build a completely custom, on-brand search interface in Astro. This guide covers setup, indexing content-only pages, and dynamically rendering results with your own components.
-
Learn how to add a powerful, mouse-free navigation experience to your Astro website. This post details a single JavaScript file that enables Vim-like keybindings for scrolling, jumping between list items, focusing the navbar, and even cycling through site themes, all managed with a clean, centralized script.