Storybook 기본 background 변경하기.

https://storybook.js.org/docs/react/essentials/backgrounds

Backgrounds

 

 

.storybook/preview.js에 parameters에서 backgrounds 값을 추가해준다.

해당 값에서 default 값과 background로 사용할 기본 색들을 추가할 수 있다.

export const parameters = {
    backgrounds: {
        default: ColorList.semantic.background,
        values: [
            {
                name: ColorList.semantic.background,
                value: ColorList.semantic.background,
            },
            {
                name: "white",
                value: "white"
            }
        ],
    },