Home

xmn / bettertrumpet

publicxammen/BetterTrumpet· sync paused
Overview Code History Branches Pull requestsIssuesInsights
master
HomeOverview Code PRsIssues

feat: Sage Glass redesign of React settings with native acrylic

last month

200aecb
Authored
xammen8/18/2026, 4:06:00 PM
- designglobal.md DA: black shell, collapsible sidebar (248/64px),
  sage-violet atmospheric surface (CSS gradients + dot grain, WebGL
  Scanner removed), radius scale 14/18/24, single violet accent
- Replace WPF ProgressBar loading overlay with React shimmer skeleton
  mirroring final layout; WebView2 stays transparent (DefaultBackgroundColor
  0) so DWM acrylic shows through immediately
- Enable native acrylic via AccentPolicyLibrary on the web view host,
  tint follows system theme
- Dark-only sage glass theme, reduced-motion/reduced-transparency
  fallbacks per the DA checklist

Parent84f0da0

4 files changed
  • EarTrumpet/SettingsWeb/src/App.tsx+253−90
  • EarTrumpet/SettingsWeb/src/styles.css+7−2
  • EarTrumpet/UI/Views/WebSettingsWindow.xaml+1−9
  • EarTrumpet/UI/Views/WebSettingsWindow.xaml.cs+17−4