37 lines
1.1 KiB
JavaScript
37 lines
1.1 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
module.exports = {
|
|
darkMode: 'class',
|
|
content: [
|
|
'./app/frontend/**/*.{js,ts,jsx,tsx}', // Your React components
|
|
'./app/views/**/*.erb', // Any .erb templates that might remain
|
|
],
|
|
theme: {
|
|
extend: {},
|
|
},
|
|
plugins: [],
|
|
// theme: {
|
|
// extend: {
|
|
// colors: {
|
|
// // Override the default colors in dark mode
|
|
// gray: {
|
|
// 50: '#f9f9f9', // Lightest gray (near white)
|
|
// 100: '#f0f0f0', // Lighter gray
|
|
// 200: '#e0e0e0', // Lighter gray
|
|
// 300: '#c0c0c0', // Light gray
|
|
// 400: '#a0a0a0', // Gray
|
|
// 500: '#808080', // Neutral gray
|
|
// 600: '#606060', // Darker gray
|
|
// 700: '#404040', // Even darker gray
|
|
// 800: '#202020', // Near black
|
|
// 900: '#101010', // Darkest gray (almost black)
|
|
// },
|
|
// background: {
|
|
// DEFAULT: '#000000', // Black background in dark mode
|
|
// },
|
|
// text: {
|
|
// DEFAULT: '#ffffff', // White text in dark mode
|
|
// },
|
|
// },
|
|
// },
|
|
// },
|
|
}
|