New features
- Add the current base colors state as URL search params, so they don't reset on page load
- Add the option to use LAB and OKLAB as the color format in generated code
- Add a top navigation bar, including links to different pages of the app (on desktop), a theme menu (system/light/dark) and a link to the project's repo
- Add a bottom navigation bar on mobile, including links to different pages of the app
- Add view-only functionality when JavaScript is disabled in the browser
Updates
- Code generation:
- Update shades lightness to be based on a bezier curve
- Move code generation options & generated code block to their own page (
/codegen) - Rename contrast token to
foreground, make the light contrast color#fffinstead of shade 50 - Remove
lightanddarktokens
- UI updates:
- Add a themed SVG favicon, based on the current primary color
- Update general UI design, decreasing the font size of most elements on desktop, while keeping the UI accessible on mobile touchscreens
- Update the desktop sidebar's design & functionality, replacing radio groups and collapsibles with popovers and dropdown menus; On the palettes page base colors popovers include tab-based UIs & color pickers
- Update the mobile drawer's design, with new sub-pages including tab-based UIs & color pickers
- Update page scrollbar to use the Firefox scrollbar CSS properties, added in Chrome 121
- Replace Material icons with Lucide icons
Tech
- Migrate app to Next.js
- Migrate to PNPM as the project’s package manager, instead of NPM
- Add Zustand for global state, instead of the previous context based state
Included PRs: #8, #9, #10, #11, #12, #13, #14, #15, #16, #17, #18, #19, #20, #21