UI Refinements

[ERLindeman]

• Decorative design beneath widget columns
• Maintain scroll position when switching from landscape to portrait and vice-versa
• 4/1 MacOS fabric background
• Tree theme
• Weather Theme
• Leaves indicator
• User Theming (incl. choosing accent color)
• Night (red light) mode
• larger wellium logo
• Make headers push to next column if last widget
• make history items vertically centered in row
• Ensure progress bar labels restrained to widget main content flexbox in mobile mode
• Determine whether to lower contrast between widgets and background
• Determine whether to eliminate rounded corners on modals
• ensure bottom border on title widget also frozen in mobile mode
• Implement vector rendering content component
• Set minimum aspect ratio on progress bar
• Ensure end radius of progress indicator always matches progress bar
• Implement distinguishing styles between text blocks and widget descriptions
• Implement less generic readable font
  • Slab Serif?
• Hide progress bar numerator label when denominator divisible by 10? 100?
• Ensure compatibility with third-party dark modes
  • Windows contrast themes
• Tune accent colors for accessibility with colorblindness, visual overstim, others
  • ensure every pair of bordering colors passes contrast check (WCAG AAA)
• Refine vertical space allocation in modals for consistency in look and feel between desktop, mobile
• Implement better accidental close protection on modals
  • kill acceleration, momentum in scrolling
  • have scroll momentum stop 1 px before needed to create space for overscroll
  • require overscroll to close
  • ensure overscroll closes modals on mobile
  • implement timeout?
  • Treat mobile swipe events as desktop scroll events for consistent feel?
  • have modals create new history entries (nav subpages) so back closes modal on web