gradio/ui/packages/workbench
Victor Muštar 962a254a6b
WIP: Add dark mode support (#1187)
* add gray 950 to tailwind config

* overwrite global css for dark-mode

* add dark-mode to css tokens

* add dark-mode to components

* workbench dark-mode update

* checkbox tweak

* create icon components

* tweaks

* formatting

* formatting

* handle dark mode query params + system settings

* fix css

Co-authored-by: pngwn <hello@pngwn.io>
2022-05-09 17:26:09 -07:00
..
src WIP: Add dark mode support (#1187) 2022-05-09 17:26:09 -07:00
static set up component workbench 2022-02-22 12:20:28 +00:00
.gitignore set up component workbench 2022-02-22 12:20:28 +00:00
.npmrc set up component workbench 2022-02-22 12:20:28 +00:00
package.json Scroll to output (#1077) 2022-04-26 15:48:39 +01:00
postcss.config.cjs fix tooling issues 2022-02-25 12:24:32 +00:00
README.md set up component workbench 2022-02-22 12:20:28 +00:00
svelte.config.js fix tooling issues 2022-02-25 12:24:32 +00:00
tailwind.config.cjs WIP: Add dark mode support (#1187) 2022-05-09 17:26:09 -07:00
tsconfig.json set up component workbench 2022-02-22 12:20:28 +00:00

create-svelte

Everything you need to build a Svelte project, powered by create-svelte.

Creating a project

If you're seeing this, you've probably already done this step. Congrats!

# create a new project in the current directory
npm init svelte@next

# create a new project in my-app
npm init svelte@next my-app

Note: the @next is temporary

Developing

Once you've created a project and installed dependencies with npm install (or pnpm install or yarn), start a development server:

npm run dev

# or start the server and open the app in a new browser tab
npm run dev -- --open

Building

To create a production version of your app:

npm run build

You can preview the production build with npm run preview.

To deploy your app, you may need to install an adapter for your target environment.