Package Exports

@fluentui/theme
@fluentui/theme/lib/colors/DefaultPalette
@fluentui/theme/lib/colors/FluentColors
@fluentui/theme/lib/createTheme
@fluentui/theme/lib/effects/DefaultEffects
@fluentui/theme/lib/fonts/DefaultFontStyles
@fluentui/theme/lib/fonts/FluentFonts
@fluentui/theme/lib/fonts/index
@fluentui/theme/lib/motion/AnimationStyles
@fluentui/theme/lib/spacing/DefaultSpacing
@fluentui/theme/lib/types/IAnimationStyles
@fluentui/theme/lib/types/IEffects
@fluentui/theme/lib/types/IFontStyles
@fluentui/theme/lib/types/IPalette
@fluentui/theme/lib/types/ISemanticColors
@fluentui/theme/lib/types/ISemanticTextColors
@fluentui/theme/lib/types/ISpacing
@fluentui/theme/lib/types/ITheme

Readme

@fluentui/theme

Basic building blocks for Fluent UI React Themes

Define your own theme based on an existing theme:

import { createTheme, Theme, FontWeights } from '@fluentui/theme';

export const MyTheme: Theme = createTheme({
  components: {
    Button: {
      variants: {
        fontWeight: FontWeights.semibold,
        paddingLeft: '24px',
        paddingRight: '24px',
      },
    },
  },
});