@filbert-js/theming

Install

yarn add @filbert-js/theming

Usage

1import React from 'react';
2import { styled } from '@filbert-js/core';
3import { ThemeProvider } from '@filbert-js/theming';
4const Button = styled('button')`
5  background: ${({ theme }) => theme.colors.brand};
6  border: solid 1px gray;
7`;
8const theme = {
9  colors: {
10    brand: 'hotpink',
11  },
12};
13render(
14  <ThemeProvider theme={theme}>
15    <Button>This is a Button component.</Button>
16  </ThemeProvider>,
17);

More documentation is available at https://filbert-js.vercel.app.