30 lines
1.0 KiB
JavaScript
30 lines
1.0 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
module.exports = {
|
|
// NOTE: Update this to include the paths to all files that contain Nativewind classes.
|
|
content: ["./App.tsx", "./components/**/*.{js,jsx,ts,tsx}", "./app/**/*.{js,jsx,ts,tsx}"],
|
|
presets: [require("nativewind/preset")],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
primary: {
|
|
DEFAULT: '#1071C2', // Blue action (Buttons, highlights, links)
|
|
dark: '#082963', // Dark blue (Headers, Main backgrounds, dark icons)
|
|
},
|
|
background: {
|
|
DEFAULT: '#EDF1F7', // Light gray/blue app general background
|
|
paper: '#FFFFFF', // Card / form backgrounds
|
|
},
|
|
text: {
|
|
DEFAULT: '#082963', // Main text color
|
|
secondary: '#8F9BB3', // Subtitles, captions, disabled text
|
|
},
|
|
status: {
|
|
success: '#109D59', // Checkmarks, in-attendance
|
|
danger: '#DC4437', // Close, out-attendance
|
|
warning: '#FCBE1F', // Questions, alerts
|
|
}
|
|
}
|
|
},
|
|
},
|
|
plugins: [],
|
|
} |