⚗️ 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