Theming
Theme Mode Resolution: Light, Dark, and System
Build theme mode as an architecture with preference precedence, SSR-safe bootstrapping, cross-tab synchronization, and operational telemetry.
Guide collection
User Interface
Section guides for UI implementation details and design decisions
9 guides in this collection
Design tokens Theming
Theme Token Architecture with CSS Variables
Implement tokens as a governed design API with semantic layers, dark overrides, contrast gates, and migration-safe naming conventions.
Command palette
Command Palette Architecture for Product Teams
Design command palettes as a command runtime with ranking, intent parsing, access policy, and deterministic execution semantics.
Keyboard
Cross-Platform Keyboard Shortcuts in SvelteKit
Define shortcuts as a platform-neutral contract with context awareness, conflict management, and strict lifecycle cleanup.
Testing Theming
Theme Regression Testing Strategy
A complete testing strategy for theme correctness across stores, CSS tokens, accessibility, and first paint behavior.
Command palette Accessibility
Command Palette Accessibility and Interaction Quality
Accessibility and interaction quality standards for command palettes, including focus behavior, announcements, and error ergonomics.
Checklist Theming
Theme System Hardening Checklist
An operator-grade checklist for shipping themes without regressions in SSR, hydration, and accessibility.
Command palette
Command Palette Power Patterns
A practical command palette standard with ranking strategy, async safety, and keyboard-first ergonomics.
Keyboard
Shortcut Governance and Compatibility
Govern keyboard shortcuts as a product API with conflict policy, context guards, and compatibility testing.