Skip to content

Polish MD3E: icon, splash, colors, layout#111

Merged
danielchalmers merged 3 commits into
mainfrom
md3e-polish
Jul 17, 2026
Merged

Polish MD3E: icon, splash, colors, layout#111
danielchalmers merged 3 commits into
mainfrom
md3e-polish

Conversation

@danielchalmers

@danielchalmers danielchalmers commented Jul 17, 2026

Copy link
Copy Markdown
Owner

Round of Material 3 Expressive polish following recent PRs:

  • The launcher glyph was filling ~94% of the adaptive icon's visible circle. The foreground SVG is scaled to 75% so the smiley sits at the Material 52dp circular keyline, and the monochrome layer's inset drops from 18% to 7% so the themed icon stays the size it already was.
  • Android 12+ no longer sets a custom splash icon, so the system shows the real launcher icon with its pink plate and platform mask instead of the non-standard bare glyph. Pre-12 approximates the same look with a drawn plate behind the glyph.
  • The splash background switches from full-screen pink to the theme background tones (light #FFF8F9 / dark #181215), and the Blazor loading screen uses the same hexes instead of the browser's Canvas color, so splash, loading screen, and app read as one continuous surface.
  • The dark-mode white flash between splash and loading screen is gone: the page has a themed background and BlazorWebViewInitialized makes the native WebView transparent (Android and Windows) so that background shows through until Blazor's first paint.
  • The straight-face mood color in the calendar is now a neutral grey (#D9D9D9 light / #737373 dark) instead of sand/brown, keeping the same lightness as its ramp neighbors.
  • Segmented controls drop their checkmarks, matching M3E connected button groups where selection reads from the filled container. This also stops long labels like "Moderate" from overflowing at large font scales and removes the width jump on selection.
  • The sleep readout gets a fixed width with tabular numerals so 9.5 -> 10.0 no longer shifts the slider.
  • A soft level-1 shadow fades in under the sticky header via scroll-driven animation once content passes beneath it. MD3 proper would retone the container, but that desyncs the natively colored status bar while the app is letterboxed, so elevation stands in until edge-to-edge (Theme the system navigation bar for edge-to-edge #110) lands. Browsers without scroll-timeline support keep the current flat look.
  • README mentions Material You, the M3E theming on MudBlazor, and haptics.

…ability

- Shrink the launcher glyph to the Material 52dp keyline and rebalance the monochrome inset
- Let Android 12+ show the real launcher icon on the splash and theme the splash background to match the app and loading screen
- Fix the dark-mode white flash by theming the page background and making the WebView transparent
- Use a neutral grey for the straight-face mood in the calendar
- Drop segmented-control checkmarks so long labels fit at large font scales
- Keep the sleep readout a fixed width so the slider doesn't shift
- Fade in a level-1 shadow under the sticky header on scroll
- Mention Material You, M3E theming, and haptics in the README
@danielchalmers danielchalmers changed the title Polish MD3E details: icon sizing, splash flow, mood colors, layout stability Polish MD3E: icon sizing, splash flow, mood colors, layout stability Jul 17, 2026
@danielchalmers danielchalmers changed the title Polish MD3E: icon sizing, splash flow, mood colors, layout stability Polish MD3E: icon, splash, colors, layout Jul 17, 2026
- Cut Trends x-axis ticks to 6 so date labels never overlap on phones
- Hide the numeric field's spin buttons and underline so it reads like the other rows
- Restyle toggle groups as M3E connected button groups: tonal segments, 2px gaps, selected pill morph
- Add the M3E slider handle gap and end stop indicator
@danielchalmers
danielchalmers merged commit c43329f into main Jul 17, 2026
1 check passed
@danielchalmers
danielchalmers deleted the md3e-polish branch July 17, 2026 21:17
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant