gradio/js/storybook/themeLight.js
Hannah 33b5954a3b
Add gradio storybook (#4696)
* initialise storybook

* fix storybook config

* more config

* add test story

* add button story

* add a11y addon

* add chromatic job

* fix script path

* fix path again

* yml tweak

* typo

* tweak

* tweak job

* change when job runs

* revert change

* revert lockfile

* config tweaks

* regen lockfile

* tweak

* tweak

* move chromatic tests to ui workflow

* tweak

* add install deps cmd

* add install pnpm input

* job tweak

* test

* clean up

* regen lockfile

* remove redundant option

* workflow tweak

* tweak

* tweak

* cli tweak

* cli tweak

* restore inspector prop

* skip frontend gradio build and post sb url to PR

* remove pollen import

* cancel job if no-visual-update tag present

* move stoeybook files to /js and amend pnpm scripts

* tweak theme css script

* tweak action body / test tag

* fix plot test and tweak pr comment job

* fix yml

* add gh token

* test

* update pnpm lock

* yml test

* restore yml update comment
2023-07-03 16:21:00 +02:00

33 lines
707 B
JavaScript

import { create } from "@storybook/theming/create";
import Logo from "./public/gradio.svg";
export default create({
base: "light",
brandTitle: "Gradio Storybook",
brandUrl: "https://gradio.app",
brandImage: Logo,
brandTarget: "_blank",
fontBase: '"Source Sans Pro", sans-serif',
fontCode: "monospace",
// theme colours
colorPrimary: "#101827",
colorSecondary: "#FF7C01",
// UI
appBg: "#ffffff", // change to #101827 in dark mode
appContentBg: "#ffffff",
appBorderRadius: 4,
// text colors
textColor: "#101827",
textInverseColor: "#101827",
textMutedColor: "#101827",
// toolbar default and active colors
barTextColor: "#101827",
barSelectedColor: "#FF7C01",
barBg: "#ffffff"
});