gradio

1
import { create } from "@storybook/theming/create";
2
import Logo from "./public/gradio.svg";
3

4
export default create({
5
	base: "light",
6
	brandTitle: "Gradio Storybook",
7
	brandUrl: "https://gradio.app",
8
	brandImage: Logo,
9
	brandTarget: "_blank",
10

11
	fontBase: '"Source Sans Pro", sans-serif',
12
	fontCode: "monospace",
13

14
	// theme colours
15
	colorPrimary: "#101827",
16
	colorSecondary: "#FF7C01",
17

18
	// UI
19
	appBg: "#ffffff", // change to #101827 in dark mode
20
	appContentBg: "#ffffff",
21
	appBorderRadius: 4,
22

23
	// text colors
24
	textColor: "#101827",
25
	textInverseColor: "#101827",
26
	textMutedColor: "#101827",
27

28
	// toolbar default and active colors
29
	barTextColor: "#101827",
30
	barSelectedColor: "#FF7C01",
31
	barBg: "#ffffff"
32
});
33