gradio/ui/packages/workbench/tailwind.config.cjs
Victor Muštar 87ea33dc42
UI design update (#1041)
* ui update

tabs
button
container
spacing
responsive row
mobile
chatbot
style
JSON node

* ui misc

* gradio orange shades

* workbench layout

* button shade

* rm unused

* audio animation

* tabs spacings

* table

* form update

* misc

* misc

* sketch placeholder

* table update

* table rings

* JSON copy button

- Logic not implemented

* textbox default placeholder

* table

remove old table

* label style

* button global css

* Update Button.svelte

* cs

* table btn

* carousel height

* audio style

* audio static

* static image size

* formatting

* skip test that aren't testing anything

Co-authored-by: Abubakar Abid <abubakar@huggingface.co>
Co-authored-by: pngwn <hello@pngwn.io>
2022-04-21 10:27:12 +01:00

40 lines
780 B
JavaScript

const defaultTheme = require("tailwindcss/defaultTheme");
const production = !process.env.ROLLUP_WATCH;
module.exports = {
content: [
"./src/**/*.{html,js,svelte,ts}",
"**/@gradio/**/*.{html,js,svelte,ts,css}"
],
theme: {
extend: {
fontFamily: {
sans: ["Source Sans Pro", ...defaultTheme.fontFamily.sans],
mono: ["IBM Plex Mono", ...defaultTheme.fontFamily.mono]
},
colors: {
orange: {
50: "#FFF2E5",
100: "#FFE5CC",
200: "#FFD8B4",
300: "#FFB066",
400: "#FF9633",
500: "#FF7C00",
600: "#EE7400",
700: "#CE6400",
800: "#A45000",
900: "#5C2D00"
}
}
}
},
mode: "jit",
darkMode: "class", // or 'media' or 'class'
variants: {
extend: {}
},
plugins: [require("@tailwindcss/forms")]
};