feat: wip white label customization #15

[hugoattal]

Partial #15

Description

⚠️ This is partially fixing #15 (It's a little late, and I prefer to merge this to avoid conflicts if you decide to work on some things in the meantime, like I had for the title update 😅)

So I added the theme configuration, which looks like this:

theme: {
  title: string
  logo?: {
    square?: string
    light?: string
    dark?: string
  }
  colors?: {
    [key in AvailableColors]?: string
  }
  setupFile?: string
}

Additional context

I dropped the textFont and codeFont settings, as they are usually imported in CSS.
So I added a setupFile that can import CSS (I made an example in histoire.theme.css)

I got a little dragged by the iframe in dark mode. I added a small feature that add the htw-dark class to the html of the iframe.
Also, I fixed flashes between iframe loading.

The missing part is the tailwind colors, which are not (yet) implemented. I still don't know how to do this properly...

---

What is the purpose of this pull request?

• Bug fix
• New Feature
• Documentation update
• Other

[netlify]

❌ Deploy Preview for histoirejs failed.

🔨 Explore the source changes: 47eca28

🔍 Inspect the deploy log: https://app.netlify.com/sites/histoirejs/deploys/620d97e3fd51c800079e545c

[Akryum]

Thanks for the initial implementation, it's great! I'll merge it and then I'll iterate on it. 😉