RAG-ui/tailwind.config.js

77 lines
No EOL
2 KiB
JavaScript

/** @type {import('tailwindcss').Config} */
import typography from '@tailwindcss/typography';
export default {
darkMode: ["class"],
content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
theme: {
container: {
center: true,
padding: "2rem",
screens: {
"2xl": "1400px",
},
},
extend: {
colors: {
border: "hsl(0 0% 20%)",
input: "hsl(0 0% 20%)",
ring: "hsl(0 0% 20%)",
background: "hsl(0 0% 100%)",
foreground: "hsl(0 0% 0%)",
primary: {
DEFAULT: "hsl(0 0% 0%)",
foreground: "hsl(0 0% 100%)",
},
secondary: {
DEFAULT: "hsl(0 0% 96%)",
foreground: "hsl(0 0% 0%)",
},
destructive: {
DEFAULT: "hsl(0 0% 0%)",
foreground: "hsl(0 0% 100%)",
},
muted: {
DEFAULT: "hsl(0 0% 96%)",
foreground: "hsl(0 0% 40%)",
},
accent: {
DEFAULT: "hsl(0 0% 96%)",
foreground: "hsl(0 0% 0%)",
},
popover: {
DEFAULT: "hsl(0 0% 100%)",
foreground: "hsl(0 0% 0%)",
},
card: {
DEFAULT: "hsl(0 0% 100%)",
foreground: "hsl(0 0% 0%)",
},
},
borderRadius: {
lg: "0.5rem",
md: "calc(0.5rem - 2px)",
sm: "calc(0.5rem - 4px)",
},
boxShadow: {
sm: "0 1px 2px 0 rgb(0 0 0 / 0.05)",
DEFAULT: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
},
typography: {
DEFAULT: {
css: {
maxWidth: 'none',
color: 'inherit',
pre: {
backgroundColor: 'rgb(17, 24, 39)',
color: 'rgb(229, 231, 235)',
},
},
},
},
},
},
plugins: [typography],
}