@looker/design-tokens

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>
  );
};