hypnagaga/src/components/Theme/stories/docs/customise.md

You can customise the theme of your page in two ways:

First, you can choose the base theme, either light or dark.

From there, you can pass a custom theme object to the theme prop. (Check out the "Control" column for theme in the table above to see what properties you can customise.)

<Theme
  base="dark"
  theme="{{
    colour: { accent: 'yellow' },
    font: { 'family-hed': 'freight-book' },
  }}"
>
  <!-- Page content -->
</Theme>