What's new since alpha.6
UI redesign (#771, #772)
Comprehensive redesign of the settings page targeting premium, modern app quality (Linear, Raycast, Arc Browser inspired).
Layout & structure
- Wider 1120px layout (up from 960px)
- Apple-style segmented tab control with white pill active state and subtle shadow
- Glassmorphic header with
backdrop-filter: blur(16px) saturate(180%) - Floating pill-style save button (replaces full-width card container)
Design tokens & theming
- Full design token system replacing all hardcoded hex colors with semantic CSS custom properties
- Consistent border-radius, gap, and shadow tokens throughout
- Improved dark mode with proper token-based overrides
Shortcut cards & forms
- 1px gap separator pattern on shortcut list (replaces borders)
- Expanded shortcuts get blue left accent border + shadow + margin for visual separation
- Drag handles hidden by default, appear on card hover
- Refined form controls, buttons, and pack cards
Components
- Premium scoped styles for all 9 Vue components (SearchSelect, ShortcutRecorder, CodeEditor, JsWarningDialog, AnalyticsTab, OnboardingWizard, PacksTab, PackPreviewModal, CommunityPackModal)
- Alert redesign: left accent stripe with vertically centered icon
- Modal depth effects with refined transitions
Bug fixes
- Fix docs link to point to shortkeys.app/docs/
- Fix behavior dropdown being covered by save button (z-index)
- Fix "Allow User Scripts" warning visual treatment
- Fix expanded shortcut cards running together (better separation)
- Fix JavaScript code editor double border in light mode
- Fix alert icon vertical alignment
- Fix "Add Shortcut" button hover state missing rounded corners in groups
- Fix macro delay input height not matching behavior input
- Left-align action descriptions in onboarding wizard
Downloads
- shortkeys-5.0.0-alpha.7-chrome.zip — Chrome / Edge / Opera (MV3)
- shortkeys-5.0.0-alpha.7-firefox.zip — Firefox (MV2)