[Home](./index.md) > [@thematic/react](./react.md) ## react package ## Functions | Function | Description | | --- | --- | | [application2style(config)](./react.application2style.md) | Converts basic Application config to a CSS-compatible object suitable for merging with other styles that will be added to a component. | | [mark2style(config, datum)](./react.mark2style.md) | Converts a basic mark config to CSS-compatible object suitable for merging with other styles that will be added to a component. The main function here really is to convert fill and stroke colors to use the opacity def. Note that we return the style attrs as using the deconstructed form, not the CSS shorthand. | | [useThematic(dark)](./react.usethematic.md) | Hook to retrieve the thematic theme directly. | ## Interfaces | Interface | Description | | --- | --- | | [ThematicProviderProps](./react.thematicproviderprops.md) | | ## Variables | Variable | Description | | --- | --- | | [ApplicationStyles](./react.applicationstyles.md) | This component applies root-level styles to your application using the theme defaults. | | [defaultTheme](./react.defaulttheme.md) | | | [ThematicContext](./react.thematiccontext.md) | Thematic context object for use in React apps | | [ThematicProvider](./react.thematicprovider.md) | Provider component from the default context for Thematic |