@fluentui/theme

Basic building blocks for Fluent UI React Component themes

Usage no npm install needed!

<script type="module">
  import fluentuiTheme from 'https://cdn.skypack.dev/@fluentui/theme';
</script>

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',
      },
    },
  },
});