@looker/design-tokens
v3.1.3
Published
This package contains our default looker theme values, including font families, font sizes, and colors.
Downloads
5,021
Maintainers
Keywords
Readme
Design Tokens
This package contains our default looker theme values, including font families, font sizes, and colors.
⚠️ Warning ⚠️
If you choose to import values directly from this package, you will most likely break the theme integration used in Styled Components.
Building your own theme
Once you've created your own theme object modeled after the values in this repo, you can override in production by wrapping components the ComponentsProvider
(a Styled Components ThemeProvider
is used under the hood).
import { ComponentsProvider } from '@looker/components';
const myTheme = {
///... theme values here
};
const MyApp = () => {
return (
<ComponentsProvider theme={myTheme}>
{/*... Looker UI Components here */}
</ComponentsProvider>
);
};