theming for filbert-js
yarn add @filbert-js/theming
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.