mirror of
https://github.com/gradio-app/gradio.git
synced 2025-01-12 10:34:32 +08:00
962a254a6b
* 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>
45 lines
866 B
JavaScript
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: "#090f1f"
|
|
},
|
|
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")]
|
|
};
|