lunar-dark-mode-switch Svelte Themes

Lunar Dark Mode Switch

Dark mode experiment using Svelte and Temporal

Lunar dark mode swich

This is a dark-mode toggle which shows the real phase of the moon, and the current earth daylight position

Built with SvelteKit. It was a great opportunity to test drive the new ECMAScript Temporal proposal. Using Twemoji instead of emoji glyphs, because they are horribly inconsistent in size across different unicode implementations.

Development

# Install dependencies
npm i

# Run dev server
npm run dev

Building

To create a production version of this app:

npm run build

You can preview the production build with npm run preview.

Top categories

Loading Svelte Themes