ambient-tone-layer-behind-flat-pages
A reusable top-glow layer that gives pages with no imagery of their own the same tinted ground the image-backed screens get — emitted as the first sibling of a navigation destination's content, with no wrapper, because destinations already stack. Covers why a null tone must collapse the gradient into the page colour instead of substituting a theme colour, why the scroll-away offset belongs in the draw phase, why the…
- installs 8w
- 0
- 30-day movement
- starts with the next reading
- Related entries
- 1
- Connections
- 0
A skill describing a reusable top-glow composable that gives image-less pages the same tinted background as image-backed screens. It documents placement as the first sibling of a navigation destination's content, plus pitfalls around null tones, scroll-away offsets, and list-item heights.
Use it when flat pages look disconnected from the rest of your app or a background glow misbehaves while scrolling.
Use it to
- Add a tinted ground to flat settings or list pages
- Fix a glow that snaps as the list scrolls
- Avoid showing a glow on idle screens
- Keep glow behaviour consistent across navigation destinations
For Android/Kotlin developers building Jetpack Compose navigation UIs
- Host repository
- maxrave-dev/kotlin-footguns
- Host stars
- 479