---
title: "@freesewing/mui-theme"
---

<p>
  <a
    href='https://www.npmjs.com/package/@freesewing/mui-theme'
    title='@freesewing/mui-theme on NPM'
    style="margin-right: 0.5rem"
  >
    <img
      src='https://img.shields.io/npm/v/@freesewing/mui-theme.svg'
      alt='@freesewing/mui-theme on NPM'
    />
  </a>
  <a 
    href="https://opensource.org/licenses/MIT" 
    title="License: MIT" 
    style="margin-right: 0.5rem"
  >
    <img
      src='https://img.shields.io/npm/l/@freesewing/mui-theme.svg?label=License'
      alt="License: MIT"
    />
  </a>
  <a
    href="https://deepscan.io/dashboard#view=project&tid=2114&pid=2993&bid=23256"
    title="Code quality on DeepScan"
    style={styles.badge}
  >
    <img
      src="https://deepscan.io/api/teams/2114/projects/2993/branches/23256/badge/grade.svg"
      alt="Code quality on DeepScan"
    />
  </a>
  <a
    href='https://github.com/freesewing/freesewing/issues?q=is%3Aissue+is%3Aopen+label%3Apkg%3Amui-theme'
    title='Open issues tagged pkg:mui-theme'
    style="margin-right: 0.5rem"
  >
    <img
      src='https://img.shields.io/github/issues/freesewing/freesewing/pkg:mui-theme.svg?label=Issues'
      alt='Open issues tagged pkg:mui-theme'
    />
  </a>
</p>

This is the [Material-ui](https://material-ui.com/) theme that's used on FreeSewing's websites.

<ul class='links'>
  <li><a href='https://www.npmjs.com/package/@freesewing/mui-theme'>Package on NPM</a></li>
  <li><a href='https://github.com/freesewing/freesewing/tree/develop/packages/mui-theme'>Code on Github</a></li>
</ul>