Files
nextstep/tailwind.config.ts
Gemini Agent a32c609830 Initial commit: Next Step health management app
A calm, reliable app to help manage appointments, medications, and notes
for chemo patients and their families.

Features:
- Today dashboard with next appointment and medications due
- Medication tracking with multiple schedule types (fixed times, interval, weekdays, PRN)
- One-tap dose logging with 5-minute undo window
- Questions for doctor tracking
- Family sharing with workspace model and invite links
- Offline-first with IndexedDB and sync
- Docker Compose deployment with Tailscale Funnel support

Tech stack:
- Next.js 14 (App Router) + TypeScript + Tailwind CSS
- PostgreSQL + Prisma
- Argon2 password hashing + session cookies
- Dexie.js for IndexedDB

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-01-18 23:16:45 +00:00

89 lines
2.2 KiB
TypeScript

import type { Config } from 'tailwindcss'
const config: Config = {
content: [
'./src/pages/**/*.{js,ts,jsx,tsx,mdx}',
'./src/components/**/*.{js,ts,jsx,tsx,mdx}',
'./src/app/**/*.{js,ts,jsx,tsx,mdx}',
],
theme: {
extend: {
colors: {
// Calm, healing palette
primary: {
50: '#f0f9f4',
100: '#dcf1e4',
200: '#bbe3cc',
300: '#8dcda8',
400: '#5bb17f',
500: '#3a9563',
600: '#2a784e',
700: '#235f40',
800: '#1f4c35',
900: '#1b3f2d',
950: '#0d2319',
},
secondary: {
50: '#f5f7fa',
100: '#ebeef3',
200: '#d2dae5',
300: '#aab9ce',
400: '#7c93b3',
500: '#5c769a',
600: '#485e80',
700: '#3b4d68',
800: '#344257',
900: '#2f3a4a',
950: '#1f2631',
},
accent: {
50: '#fef6ee',
100: '#fdebd7',
200: '#fad3ae',
300: '#f6b37b',
400: '#f18946',
500: '#ed6b22',
600: '#de5118',
700: '#b83c16',
800: '#93311a',
900: '#772b18',
950: '#40130b',
},
background: '#fafbfc',
surface: '#ffffff',
muted: '#f1f5f9',
border: '#e2e8f0',
},
fontFamily: {
sans: ['Inter', 'system-ui', '-apple-system', 'sans-serif'],
},
fontSize: {
// Large text mode sizes
'lg-base': '1.125rem',
'lg-lg': '1.25rem',
'lg-xl': '1.5rem',
'lg-2xl': '1.875rem',
'lg-3xl': '2.25rem',
},
spacing: {
// Touch-friendly spacing
'touch': '44px',
'touch-lg': '56px',
},
borderRadius: {
'card': '16px',
'button': '12px',
},
boxShadow: {
'card': '0 1px 3px 0 rgb(0 0 0 / 0.04), 0 1px 2px -1px rgb(0 0 0 / 0.04)',
'card-hover': '0 4px 6px -1px rgb(0 0 0 / 0.05), 0 2px 4px -2px rgb(0 0 0 / 0.05)',
'button': '0 1px 2px 0 rgb(0 0 0 / 0.05)',
},
},
},
plugins: [
require('@tailwindcss/forms'),
],
}
export default config