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

<p>
  <a
    href='https://www.npmjs.com/package/@freesewing/css-theme'
    title='@freesewing/css-theme on NPM'
    style="margin-right: 0.5rem"
  >
    <img
      src='https://img.shields.io/npm/v/@freesewing/css-theme.svg'
      alt='@freesewing/css-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/css-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%3Acss-theme'
    title='Open issues tagged pkg:css-theme'
    style="margin-right: 0.5rem"
  >
    <img
      src='https://img.shields.io/github/issues/freesewing/freesewing/pkg:css-theme.svg?label=Issues'
      alt='Open issues tagged pkg:core'
    />
  </a>
</p>

This is the CSS that's used on FreeSewing's websites.