FG UI 1.3 development

Accent Personalisation 1.3

Choose interface hue on one horizontal track while FGUI keeps saturation, lightness, contrast and Light/Dark recipes controlled.

PHASE 2A
CONTROLLED FGUI ACCENT PERSONALISATION

FG UI 1.2.0 remains Stable. This 1.3 development page changes semantic interface accent colour without changing canonical FG brand blue.

Horizontal hue control

Personalise the FGUI interface accent

Choose only the hue. FG UI keeps saturation, lightness, contrast and Light/Dark recipes controlled so the interface stays recognisably FGUI.

LIVE DEV
Accent colourDrag left ↔ right only

HEX entries are normalised to their hue. FG UI deliberately does not expose free vertical saturation/lightness movement.

Theme matrix

One accent, every theme mode

Switch themes after changing the hue. The same preference derives readable Light and Dark recipes automatically.

LIGHT SURFACE

Natural FGUI with personalised accent

Primary actions, focus states, selected surfaces and readable accent ink all follow the generated Light recipe.

Accent link
DARK SURFACE

Dark recipe generated from the same hue

Accent ink becomes lighter while soft surfaces and borders become darker, without asking the visitor to choose a second colour.

Theme-aware accentThe same hue remains readable on this local Dark surface.
Rules

Personalise interface colour, not the brand

CONTROLLED

Horizontal hue only

The slider cannot move vertically. FGUI owns saturation/lightness and accessibility.

SEMANTIC

Generated palette

Primary, hover, active, soft, border, ink and focus recipes are generated together.

BRAND SAFE

FG Blue remains canonical

--fgui-brand* is not changed. Reset instantly returns interface accents to FG Blue.