Storybook: Storybook change logo

[JohnCasab]

Hello Storybook community,

I have build my own vue-storybook with couple of stories, but what I really want is change the logo on upper left corner this one:

Im very new to storybook, so I have tried to find it in my repository, but haven't been able to. It should be fairly easy to find it but no success.

I hope someone in the community can guide me 👍

Best reagards,

John

[shilman]

See the logo bit in https://storybook.js.org/docs/react/configure/theming#create-a-theme-quickstart

[JohnCasab]

@shilman sorry im not following, where is the logo bit??

[einarlove]

@JohnCasab Pass a URL to brandImage

[JohnCasab]

Thank you @einarlove, I will try to 👍

[jonniebigodes]

@JohnCasab i've pushed a pull request to to clarify a bit how theming works in Storybook. It's #13161 , take a look at it and any feedback on it would be more than welcome.

Stay safe

[JohnCasab]

@jonniebigodes thank you very much, I will take a look at it!

Have a good weekend

[hadnet]

Ok, but in order to work I had to remove "@storybook/preset-create-react-app" (or comment it out) from main.js. I don't know if this is mentioned in the theme doc tho so... I'm using SB v6.1.

[jonniebigodes]

@hadnet hum...let me circle back to this and see what could be the issue. The documentation was updated with a reproduction using 6.0.x.

Stay safe

[hadnet]

@jonniebigodes in fact I think it's a problem with main.js being "stuck" or something like that because it does not detect the changes in manager.js. Running yarn storybook without editing anything in main.js nothing happens. When edit main.js suddenly works again and detect the changes. Weird..

Edit: I'm using CRA 4.0 that has a lot of issues so...

[shilman]

@hadnet we added manager caching in 6.1 and apparently it doesn't work well with themes yet. See https://github.com/storybookjs/storybook/issues/13200

[jonniebigodes]

@shilman thanks for the heads up and additional insights. Let me know of any further developments and we'll move from there should the documentation needs further adjustments.