Global theme modes
Hybrid is Light-first. Regions marked as Hybrid surfaces become Dark only while Hybrid is active.
Hybrid application composition
Switch to Hybrid above. Only the marked navigation and utility panel become Dark; the workspace remains Light.
Operations
Content stays natural FGUI
The application remains familiar and bright while selected chrome can use the richer Dark treatment.
Always-local Theme Surface
Local surfaces work independently of the global mode and can nest in either direction.
API diagnostics
Buttons, text, borders, controls and status colours inherit Dark semantic tokens automatically.
Readable light panel inside Dark
This panel explicitly returns to the natural Light tokens without changing the surrounding Dark surface.
Light surface
Useful inside a globally Dark application when content should remain paper-like or bright.
Local overrideDark surface
Useful for headers, navigation, media, APIs, code tools and selected dashboard regions.
Local overrideHybrid website sample
Orbit North uses Hybrid as its default design: dark navigation, hero and footer around a light content workspace. Its site-level theme control lets visitors switch to Light, Dark, Hybrid or System and persists the preference.