FG UI Development Laboratory

What’s New

A visual guide to the newest FG UI development work and the major capabilities already shipped in Stable.

1.3 DEV · PHASE 2
LIVE FGUI-DEV

This page uses the exact current development runtime with no Laboratory CSS or page JavaScript.

FG UI 1.3 development

Hybrid theme composition is the headline feature

FG UI 1.3 can combine natural Light FGUI with intentional Dark surfaces in the same interface. Phase 2D has now proven local theme inheritance and contrast-safe colour recipes across all 459 canonical component families.

Explore HybridSee inheritance auditRead changelog
459component families
4theme modes
360°Accent hue safety sweep
New in 1.3 so far

Theme composition without a second design system

The 1.3 work extends the semantic theme architecture established in 1.2. Existing components inherit local theme context instead of needing duplicate Dark component implementations.

PHASE 2D COMPLETE
NEW FAMILY

Theme Surface

.fgui-theme-surface creates local Light or Dark semantic-token scopes. Light can nest inside Dark and Dark can nest inside Light.

Find in component catalogue
NEW

Accent colour personalisation

Choose interface hue with a horizontal-only control. FGUI generates accessible Light/Dark semantic recipes while canonical FG brand blue stays unchanged.

Open Accent Personalisation
CONTRAST-SAFE

Smaller, safer colour API

FGUI 1.3 exposes 12 meaningful public colour roles. Only Accent is user-pickable; Brand, feedback and neutral roles stay controlled so contrast remains dependable.

Generated on-colour roles, stronger control boundaries and separate Light/Dark Accent fills protect readability across all 360 whole-degree hue choices. Progress keeps its richer two-tone exception.

Explore colour accessibility
PHASE 2

459-family inheritance audit

Every canonical family has been rendered under local Dark and local Light-inside-Dark surfaces, including forms, tables, navigation, Reader, Maintenance and ALT families.

Open inheritance lab
NEXT

Overlay / portal theme context

Phase 3 carries local theme context into dropdowns, menus, tooltips, popovers, modals, drawers, pickers and palettes that are reparented outside the opener surface.

View 1.3 roadmap
Theme showcase

Light and Dark can now live together

These are real Theme Surface compositions using only the current FGUI runtime.

LOCAL DARK

Dark navigation or control region

Cards, controls, status treatments and text inherit Dark semantic tokens.

NESTED LIGHTLight workspace inside Dark

Nested composition restores the Light surface automatically.

LOCAL LIGHT

Natural FGUI workspace

The normal white/light FGUI interface remains the default workspace.

NESTED DARKDark panel inside Light

Useful for API, media, dashboard or focused control surfaces.

FG UI 1.2 Stable

64 additive families already shipped

The current Stable release remains 1.2.0 while 1.3 is developed.

STABLE

Reader & content

Reading shell, text size, page reader, selection, annotation, highlight and bookmark patterns.

Reader showcase

Theme system

Light, Dark, System, theme cards, preview, installer, compatibility and saved preferences.

Theme showcase

Maintenance & operations

Health, scan, safe repair, verification, package status, installation, migration and API diagnostics.

Maintenance showcase

ALT collection

24 explicit opt-in alternative presentations that keep the natural FGUI theme and never replace canonical component roots.

ALT showcase
Phase 9 complete

Documentation + Configuration Guidance

Beginner-first usage docs, generated public API reference, platform policy and a 476-entry local documentation search are complete. Core runtime is unchanged.

Build FGUI-1.3.0-DEV-P9-DOCS-4AA57A0F7564