Episode

Fluent UI React Insights: Theming in v9

with Oleksandr Fediashov

Fluent UI React Insights and Training

The Fluent UI Insights series offers an in-depth look at the design decisions and processes behind the creation of the Fluent UI design system. In the fifth episode, the Fluent UI team discusses the implementation of theming in Fluent UI React v9, as well as previous approaches, limitations, and performance challenges.

Chapters

  • 00:00 - Introduction
  • 00:21 - What is theming?
  • 00:53 - What is in the v0 theme?
  • 03:05 - What is in the v8 theme?
  • 03:25 - What is in the v9 theme?
  • 04:45 - Theme shape
  • 07:20 - Performance challenges
  • 09:18 - Are tokens flexible enough?
  • 12:19 - High contrast
  • 12:50 - Outro
  • 12:55 - Bloopers