fluent_2_core library
Fluent 2 design system core — tokens, theming and app shell.
This package replaces Material rather than layering on it: nothing here
imports package:flutter/material.dart. Use FluentApp instead of
MaterialApp and FluentTheme instead of Theme.
Token values are transcribed from microsoft/fluentui packages/tokens,
fluentui-apple, and fluentui-android; platform typography metrics track
the current fluent2.microsoft.design/typography tables.
Classes
- FluentAcrylic
- The Fluent 2 Acrylic material.
- FluentApp
-
The root of a Fluent application — the replacement for
MaterialApp. - FluentBrandGenerator
- Generates a 16-stop Fluent brand ramp from a single key color, porting the algorithm behind Fluent's Theme Designer.
- FluentBrandRamp
-
A Fluent brand ramp: 16 stops,
10(darkest) through160(lightest). - FluentColors
- The Fluent 2 alias (semantic) color layer.
- FluentCurve
-
Fluent easing curves. Source:
global/curves.ts. - FluentDuration
-
Fluent duration ramp. Source:
global/durations.ts. - FluentFontFamilies
- The text and display families selected for one platform.
- FluentFontFamily
-
Font family stacks based on
global/fonts.ts. - FluentFonts
- Resolves and, when necessary, dynamically loads Fluent platform fonts.
- FluentFontSize
-
Global font-size ramp (px). Source:
global/fonts.ts. - FluentFontWeight
- FluentGrey
- The global neutral ramp. Stops are the Fluent numbers (2…98, plus 99), where the number is the approximate lightness percentage.
- FluentHighContrast
- Windows high-contrast system colors.
- FluentHighContrastColors
- The high-contrast alias layer.
- FluentIcons
- FluentLineHeight
-
Global line-height ramp (px). Source:
global/fonts.ts. -
FluentPageRoute<
T> - A page route with Fluent's enter/exit motion: a short fade combined with a small upward slide, decelerating in and accelerating out.
- FluentPaletteColors
- The Fluent 2 palette colour layer.
- FluentRadius
- Corner radius ramp.
- FluentScrollBehavior
- Scroll behavior with no Material overscroll glow and a Fluent scrollbar.
- FluentShadowLuminosity
- Fluent's shadow-opacity model.
- The 49 shared colour ramps, keyed by family.
- The twelve stops of one shared colour ramp.
- FluentSize
- The cross-platform global size ramp, in logical pixels.
- FluentSpacing
- Web semantic spacing aliases.
- FluentSpacingScale
- One spacing axis. Identical values on both axes today.
- FluentStroke
- Stroke widths. Web exposes thin…thickest; mobile adds none, hairline (0.5) and width15 (1.5), plus width60 (6).
- FluentTeamsDarkColors
-
Teams dark, which is not
FluentColors(brightness: dark)with the Teams brand — upstream generates it fromteamsDarkColor.ts, which differs from the standard dark table in exactly 20 tokens. - FluentTheme
-
Provides a FluentThemeData to the subtree. The Fluent counterpart of
Theme, with no Material dependency. - FluentThemeData
- A resolved Fluent theme: the alias color layer plus a type ramp.
- FluentThemeOverride
- Overrides individual theme tokens for a subtree.
- FluentTouchTarget
- Minimum interactive target sizes, per platform guidance.
- FluentTypography
- The Fluent 2 type ramp.
- FluentWindowsAcrylic
-
Windows acrylic effect-graph parameters, from WinUI's
AcrylicBrush.
Enums
- FluentBreakpoint
- Responsive size classes.
- FluentColorToken
- Identifies a single alias colour token.
- FluentElevation
- Fluent elevation levels. The number is the key shadow's blur radius.
- FluentFontPlatform
- A Fluent typography target, including Web which TargetPlatform omits.
- FluentPaletteFamily
- A persona / accent colour family.
- A family in the Fluent 2 shared colour ramp.
- FluentThemeMode
- Which theme to apply when both a light and a dark theme are supplied.