1
CSS cascade
Primary hooks: inherited public --rxtt-* custom properties.
Public styling contract
Same design, different styling mechanisms
Four independent element-scroll Trackers render the same deterministic content and behavior. Only the primary way each theme is supplied will differ.
Four equivalent local Trackers
Scroll each region independently and compare its track, viewport, semantic markers, cluster, and selected state.
2
JavaScript CSS variables
Primary hooks: options.cssVariables and rule.marker.cssVariables.
3
Public class hooks
Primary hooks: track, viewport, marker, and rule marker className.
4
Selector and attribute hooks
Primary hooks: marker attributes and documented data-rxtt-* state selectors.
This case also preserves global attributes, rule overrides, rule suppression, and runtime deletion.
Unconventional page-level themes
A minimal ruler on the left and an expressive neon rail on the right track the same four case headings in the window scroll coordinate space.
Minimal ruler
A restrained monochrome rail with fine tick markers and a quiet viewport indicator.
Neon rail
A translucent rail with glow and outward effects enabled through the documented containment variables.