@nekobird/styled-chemistry
v0.0.2
Published
A theming system for css-in-js.
Downloads
5
Readme
⚗️ styled-chemistry
Elements, Compounds, and Mixtures ➝ Theme
npm i @nekobird/styled-chemistry
Create Theme
import { createTheme } from '@nekobird/styled-chemistry';
const elements = Object.freeze({
});
const compounds = Object.freeze({
});
const mixtures = Object.freeze({
});
export const theme = createTheme(elements)(compounds)(mixtures);
Provide your theme to the rest.
import { StyledChemistryProvider } from '@nekobird/styled-chemistry';
import { theme } from './theme';
const App = () => (
<StyledChemistryProvider theme={theme}>
{
// Your other components.
}
</StyledChemistryProvider>
);
Inspired By:
- https://radix.modulz.app/docs/theme/
- https://github.com/jzarnett
- https://github.com/styled-system/styled-system