@theme-registry/refract-styled-components

The styled-components adapter for refract — emits TS/JS theme modules: a literal theme object, tree-shakeable css recipes, a GlobalStyle, and (in TS) a theme.d.ts that augments styled-components' DefaultTheme.

Docs, live playground & API: https://theme-registry.github.io/refract/

npm install @theme-registry/refract @theme-registry/refract-styled-components styled-components

import { createTheme } from "@theme-registry/refract";
import { createStyledComponentsAdapter } from "@theme-registry/refract-styled-components";

const theme = createTheme(raw, { adapter: createStyledComponentsAdapter() });

Peer-depends on @theme-registry/refract and styled-components. See the styled-components adapter docs.

MIT © Petyo Stoyanov