About Section
No data-midday-section attribute — both bars fall back to their "default" variant.
Both header and dock use the "dark" variant here (no target — applies to all).
No data-midday-section attribute — both bars fall back to their "default" variant.
Only the top header changes to "accent" here. The bottom dock stays default (target="top").
No variant specified. Both bars return to default.
Both bars change to "inverted" — targeting both explicitly (target="top bottom").
Back to the default variant again. Scroll up and down to see the transitions.
Only the bottom dock changes to "dark" here. The top header stays default (target="bottom").