3b375c869b
Implemented comprehensive Romanian Biblical Guide web app: - Next.js 15 with App Router and TypeScript - Material UI 7.3.2 for modern, responsive design - PostgreSQL database with Prisma ORM - Complete Bible reader with book/chapter navigation - AI-powered biblical chat with Romanian responses - Prayer wall for community prayer requests - Advanced Bible search with filters and highlighting - Sample Bible data imported from API.Bible - All API endpoints created and working - Professional Material UI components throughout - Responsive layout with navigation and theme 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
90 lines
1.7 KiB
TypeScript
90 lines
1.7 KiB
TypeScript
'use client'
|
|
import { createTheme } from '@mui/material/styles'
|
|
|
|
export const theme = createTheme({
|
|
palette: {
|
|
mode: 'light',
|
|
primary: {
|
|
main: '#2C5F6B', // Deep teal for spiritual feel
|
|
light: '#5A8A96',
|
|
dark: '#1A3B42',
|
|
contrastText: '#ffffff',
|
|
},
|
|
secondary: {
|
|
main: '#8B7355', // Warm brown for earth tones
|
|
light: '#B09A7A',
|
|
dark: '#5D4D37',
|
|
contrastText: '#ffffff',
|
|
},
|
|
background: {
|
|
default: '#FAFAFA',
|
|
paper: '#FFFFFF',
|
|
},
|
|
text: {
|
|
primary: '#1A1A1A',
|
|
secondary: '#4A4A4A',
|
|
},
|
|
},
|
|
typography: {
|
|
fontFamily: '"Roboto", "Helvetica", "Arial", sans-serif',
|
|
h1: {
|
|
fontSize: '2.5rem',
|
|
fontWeight: 600,
|
|
lineHeight: 1.2,
|
|
},
|
|
h2: {
|
|
fontSize: '2rem',
|
|
fontWeight: 600,
|
|
lineHeight: 1.3,
|
|
},
|
|
h3: {
|
|
fontSize: '1.5rem',
|
|
fontWeight: 500,
|
|
lineHeight: 1.4,
|
|
},
|
|
h4: {
|
|
fontSize: '1.25rem',
|
|
fontWeight: 500,
|
|
lineHeight: 1.4,
|
|
},
|
|
body1: {
|
|
fontSize: '1rem',
|
|
lineHeight: 1.6,
|
|
},
|
|
body2: {
|
|
fontSize: '0.875rem',
|
|
lineHeight: 1.5,
|
|
},
|
|
},
|
|
shape: {
|
|
borderRadius: 8,
|
|
},
|
|
components: {
|
|
MuiButton: {
|
|
styleOverrides: {
|
|
root: {
|
|
textTransform: 'none',
|
|
borderRadius: 8,
|
|
padding: '8px 16px',
|
|
},
|
|
},
|
|
},
|
|
MuiCard: {
|
|
styleOverrides: {
|
|
root: {
|
|
boxShadow: '0px 2px 8px rgba(0, 0, 0, 0.1)',
|
|
borderRadius: 12,
|
|
},
|
|
},
|
|
},
|
|
MuiAppBar: {
|
|
styleOverrides: {
|
|
root: {
|
|
boxShadow: '0px 1px 4px rgba(0, 0, 0, 0.1)',
|
|
},
|
|
},
|
|
},
|
|
},
|
|
})
|
|
|
|
export default theme |