You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Theme/token work only — no component behavior changes yet (except where a token change is the whole deliverable).
Surfaces
Darken the main background for clearer contrast under the workspace, and add one optional secondary surface for inner steps (dashboard, secondary nav).
Change main/canvas background — stronger contrast under the workspace (POC light: Borealis #F6F9FC → ~#EAEDF5; dark TBD)
No change to plain, raised app/workspace (#FFFFFF / plain)
Add secondary surface token for inner steps (e.g. dashboard, secondary nav) — POC ~#F8F9FB, or reuse subdued
Borders & elevation
Prefer flat surfaces with gaps and quieter edges over heavy dividers and drop shadows; soft elevation only where needed (e.g. app workspace).
Use borders and dividers more sparingly — fewer internal dividers is usage/guidance, not a new token; keep dividers in redesigned input controls (appends/prepends)
Radii
Move off Borealis’s near-uniform ~4px toward clearer tiers — sharper on controls, softer on containers.
Control / form — 8
Panel — 12
Container — 16
Full/pill — TBD for filled/primary CTAs; probably not a general radius token
Semantic spacing
Add intentional spacing.* aliases that map to existing size.* values — so usage says what the space is for, not a generic value. Keep raw size.* as the scale.
Part of #9893
Goal
Theme/token work only — no component behavior changes yet (except where a token change is the whole deliverable).
Surfaces
Darken the main background for clearer contrast under the workspace, and add one optional secondary surface for inner steps (dashboard, secondary nav).
#F6F9FC→ ~#EAEDF5; dark TBD)#FFFFFF/ plain)#F8F9FB, or reuse subduedBorders & elevation
Prefer flat surfaces with gaps and quieter edges over heavy dividers and drop shadows; soft elevation only where needed (e.g. app workspace).
1pxborders (optionally quieter color onborderBaseSubdued/borderBasePlain), or move edged surfaces to a faux border (box-shadow: 0 0 0 1px …). Pick one system; don’t ship both as parallel tracks. See epic [Draft][Epic] Modernize Kibana visual language — EUI tokens & component defaults #9893 open decision.Radii
Move off Borealis’s near-uniform ~4px toward clearer tiers — sharper on controls, softer on containers.
Semantic spacing
Add intentional
spacing.*aliases that map to existingsize.*values — so usage says what the space is for, not a generic value. Keep rawsize.*as the scale.spacing.panelInsetsize.basespacing.pageInsetsize.lspacing.controlsGapsize.sDashboard / layout grid gaps stay product-side (not an EUI
gutter.*token).Typography
Moved to #9901 (component defaults + title letter-spacing).
Out of scope
Component default flips (panels, buttons, forms, tabs, tables) — see sibling issues.
Open
See epic #9893 open decisions (theme vehicle, quieter edges / faux border, third surface name).