Theme toggle using view transitions api.
View transitions: Handling aspect ratio changes
Tips and tricks to get the transition you want
View transitions
Enable seamless navigation between pages in Astro with view transitions.
Cross-Document View Transitions: The Gotchas Nobody Mentions | CSS-Tricks
This is Part 1 of a two-part series about cross-document view transitions, going over all the gotchas, from ditching the deprecated way to opt into them to a little-known 4-second timeout.
Dark mode toggles: two states are enough • Lea Verou
Yes, the underlying model must have three states, but one is always irrelevant to the actual user goal. Users do not seek out solutions to problems they don’t currently have. A lot of the hate towards two-state toggles is based on poor implementations.
Native-Like Animations for Page Transitions on the Web | CSS-Tricks
Some of the most inspiring examples I’ve seen of front-end development have involved some sort of page transitions that look slick like they do in mobile
OS X Aqua - Kagi Search Theme
A custom theme that's inspired by old school Apple's OS X Aqua theme. Has both Dark and Light mode that changes based on your system settings. ** [Github repo](https://github.com/Visnes/kagi-aqua/) ** Do the following: Go to Appearance → Change theme to "Default", not "Light" or "Dark" → Enable Custom CSS & Paste custom.css → Save changes
🧛 Official Dracula & Alucard Theme - Kagi Search Theme
A modern and sleek custom theme for Kagi that follows the styling rules of the very popular [Dracula theme](https://draculatheme.com). **Features** - Automatic dark and light mode based on system - All(?) elements have been skinned - Responsive to desktop, tablet & mobile **Install** - Go to Appearance and change theme to "Default" - Enable Custom CSS, paste content of custom.css and save **[Github repo](https://github.com/dracula/kagi)**
Modern Purple - Kagi Search Theme
A simple black and purple theme that aims for minimalism and readibility. THIS THEME ONLY WORKS CORRECTLY IN DARK MODE!
AutoAnimate - Add motion to your apps with a single line of code
A zero-config, drop-in animation utility that automatically adds smooth transitions to your web app. Use it with React, Solid, Vue, Svelte, or any other JavaScript application.
Model Making Quick Tip: Scenes and Transitions
Konsta UI - Mobile UI components built with Tailwind CSS
Mobile UI components built with Tailwind CSS
Dark mode & accessibility myth by Stéphanie Walter - UX Researcher & Designer.
Dark mode isn't always better for accessibility, you need to let users chose. And if you build a dark theme, make it accessible!
The HTML presentation framework | reveal.js
Documentation and demos for the open source reveal.js HTML presentation framework.
ignore the code: Toggles Considered Harmful
I just read this post from Marcin Wichary's Unsung, where he points out a peculiar macOS dialog box that shows boolean toggles in four different shades of grey:
