Theming and styling, so it looks like yours. One configuration object recolors, refonts, and re-radiuses the entire kit. Ship the same tool to three clients in three brands from one codebase, which is not a hypothetical: it is Tuesday.
| Aspect | Detail |
|---|---|
Role | Identity. Theming and styling, so it looks like yours. |
Config | One configuration object recolors, refonts, and re-radiuses the entire kit. |
Provider | DyeProvider wraps the app and themes everything beneath it. |
Use | Ship the same tool to three clients in three brands from one codebase. |
From the platform guide:
import { DyeProvider } from "@pulp/loosethreads";
<DyeProvider theme={{
brand: "#1a3c34",
accent: "#b8860b",
typeface: "DM Sans"
}}>
<App />
</DyeProvider>Next component: BightInteractions. Back to loosethreads UI/UX.