open-webui / tailwind.config.js
mistpe's picture
Update tailwind.config.js
054037b verified
// import typography from '@tailwindcss/typography';
// /** @type {import('tailwindcss').Config} */
// export default {
// darkMode: 'class',
// content: ['./src/**/*.{html,js,svelte,ts}'],
// theme: {
// extend: {
// colors: {
// gray: {
// 50: '#f9f9f9',
// 100: '#ececec',
// 200: '#e3e3e3',
// 300: '#cdcdcd',
// 400: '#b4b4b4',
// 500: '#9b9b9b',
// 600: '#676767',
// 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]
// };
// /** @type {import('tailwindcss').Config} */
// export default {
// darkMode: 'class',
// content: ['./src/**/*.{html,js,svelte,ts}'],
// theme: {
// extend: {
// colors: {
// gray: {
// 50: '#f9f9f9',
// 100: '#ececec',
// 200: '#e3e3e3',
// 300: '#cdcdcd',
// 400: '#b4b4b4',
// 500: '#9b9b9b',
// 600: '#676767',
// 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: [require('@tailwindcss/typography')]
// };
/** @type {import('tailwindcss').Config} */
import typography from '@tailwindcss/typography';
export default {
darkMode: 'class',
content: ['./src/**/*.{html,js,svelte,ts}'],
theme: {
extend: {
colors: {
gray: {
50: '#f9f9f9',
100: '#ececec',
200: '#e3e3e3',
300: '#cdcdcd',
400: '#b4b4b4',
500: '#9b9b9b',
600: '#676767',
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]
};