Styles

Style Dictionary tokens. This page is the catalog — there is no Storybook.

Sources: packages/tokens/tokens/*.json. Rebuild with ./scripts/packages.sh tokens. SDKs that consume these tokens: SDKs. Use the header Light / Dark control to switch secondary / primary.

Appearance

Themes

primary is navy. secondary is paper / copper. Set data-efelant-theme on a parent. Flutter: EfelantThemeId.primary or .secondary.

primary — navy, indigo

accent

mine

danger

secondary — paper, copper

accent

mine

danger

Tokens

Color

Live values follow the page theme.

bg--ef-color-bg

bg-raised--ef-color-bg-raised

bg-overlay--ef-color-bg-overlay

text--ef-color-text

text-muted--ef-color-text-muted

border--ef-color-border

accent--ef-color-accent

accent-soft--ef-color-accent-soft

accent-contrast--ef-color-accent-contrast

mine--ef-color-mine

theirs--ef-color-theirs

danger--ef-color-danger

ok--ef-color-ok

Type

Efelant3xl / 56 / bold

Conversation layer2xl / 40 / semibold

Access request AR-123xl / 28 / semibold

Status changed to approvedlg / 20 / medium

Body copy uses IBM Plex Sans at 16.md / 16 / regular

Muted meta, timestamps, captions.sm / 14

SELECT efelant.open_context(…)xs / 12 / mono

Space

2xs4

xs8

sm12

md16

lg24

xl32

2xl48

3xl72

Radius

sm 8

md 16

lg 24

pill

Catalog

Components

Static chrome using the same CSS variables as <efelant-*>. Not live Stencil — props and events are on SDKs.

conversation + badge + composer

AR-123 3

Can we approve this request?

Yes — publishing status now.

approved

Access granted for AR-123

Rebuild

./scripts/packages.sh tokens

Edit JSON. Do not hand-edit dist/, site/css/tokens.css, or tokens.g.dart.