AnInsomniacy/motrix-next v3.5.1-beta.1

v3.5.1-beta.1 — Dynamic M3 Color System

on GitHub

What's Changed

This release introduces a fully dynamic Material Design 3 color system powered by @material/material-color-utilities. All surfaces, buttons, inputs, and panels now follow the selected color scheme with properly tinted backgrounds — no more pure black or pure white extremes.

✨ New Features

• Dynamic M3 color engine — 10 color schemes (Amber, Deep Space, Mint, Rose, Aurora, Coral, Glacier, Evergreen, Graphite, Sakura) generate full M3 semantic palettes at runtime
• Instant color scheme switching — color scheme and appearance changes apply immediately without Save & Apply, with localized toast confirmation
• Hover tooltips on color swatches — MD3 three-phase delay tooltip shows scheme name on hover

🛠 Improvements

• Tinted surface hierarchy — sidebar, subnav, main content, dialogs, and inputs all receive seed-color tinting via MCU neutral palette (chroma=6), eliminating harsh pure-white/pure-black extremes
• Button interaction states — hover/pressed colors now use proper tonal palette tones (light: 50/30, dark: 70/90) instead of washed-out container colors
• Unified button semantics — standardized three-tier system: Primary (CTA), Tertiary (warning), Error (destructive); migrated all misused type="warning" buttons
• Dynamic CSS variable injection — --m3-tertiary, --m3-error, --m3-on-surface, --m3-outline injected at runtime for non-Naive UI components

🐛 Bug Fixes

• Fixed light-mode button hover becoming invisible (was using primaryContainer tone ~90 instead of tonal palette tone 50)
• Fixed pure black surface background in light mode caused by missing surfaceContainer* derivation in legacy MCU Scheme class

📦 Downloads