gradio/ui/packages/workbench/tailwind.config.cjs
2022-05-17 14:58:25 +01:00

45 lines
866 B
JavaScript

const colors = require("tailwindcss/colors");
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: {
gray: {
950: "#0b0f19"
},
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")]
};