open-webui/tailwind.config.js
Timothy Jaeryang Baek f2006c7efe refac: styling
2025-02-15 20:22:57 -08:00

44 lines
1.1 KiB
JavaScript

import typography from '@tailwindcss/typography';
import containerQuries from '@tailwindcss/container-queries';
/** @type {import('tailwindcss').Config} */
export default {
darkMode: 'class',
content: ['./src/**/*.{html,js,svelte,ts}'],
theme: {
extend: {
colors: {
gray: {
50: 'var(--color-gray-50, #f9f9f9)',
100: 'var(--color-gray-100, #ececec)',
200: 'var(--color-gray-200, #e3e3e3)',
300: 'var(--color-gray-300, #cdcdcd)',
400: 'var(--color-gray-400, #b4b4b4)',
500: 'var(--color-gray-500, #9b9b9b)',
600: 'var(--color-gray-600, #676767)',
700: 'var(--color-gray-700, #4e4e4e)',
800: 'var(--color-gray-800, #333)',
850: 'var(--color-gray-850, #262626)',
900: 'var(--color-gray-900, #171717)',
950: 'var(--color-gray-950, #0d0d0d)'
}
},
typography: {
DEFAULT: {
css: {
pre: false,
code: false,
'pre code': false,
'code::before': false,
'code::after': false
}
}
},
padding: {
'safe-bottom': 'env(safe-area-inset-bottom)'
}
}
},
plugins: [typography, containerQuries]
};