Content loader utility, Content directory structuur

2025-11-15 22:06:48 +01:00
parent dbde412465
commit 690e7b7c43
37 changed files with 9447 additions and 1035 deletions
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -0,0 +1,164 @@
+import type { Config } from 'tailwindcss'
+
+const config: Config = {
+  darkMode: 'class',
+  content: [
+    './pages/**/*.{js,ts,jsx,tsx,mdx}',
+    './components/**/*.{js,ts,jsx,tsx,mdx}',
+    './app/**/*.{js,ts,jsx,tsx,mdx}',
+    './src/**/*.{js,ts,jsx,tsx,mdx}',
+    './lib/**/*.{js,ts,jsx,tsx,mdx}',
+  ],
+  theme: {
+    extend: {
+      colors: {
+        // Base colors
+        background: 'var(--background)',
+        foreground: 'var(--foreground)',
+        card: {
+          DEFAULT: 'var(--card)',
+          foreground: 'var(--card-foreground)',
+        },
+        popover: {
+          DEFAULT: 'var(--popover)',
+          foreground: 'var(--popover-foreground)',
+        },
+        primary: {
+          DEFAULT: 'var(--primary)',
+          foreground: 'var(--primary-foreground)',
+        },
+        secondary: {
+          DEFAULT: 'var(--secondary)',
+          foreground: 'var(--secondary-foreground)',
+        },
+        muted: {
+          DEFAULT: 'var(--muted)',
+          foreground: 'var(--muted-foreground)',
+        },
+        accent: {
+          DEFAULT: 'var(--accent)',
+          foreground: 'var(--accent-foreground)',
+        },
+        destructive: {
+          DEFAULT: 'var(--destructive)',
+        },
+        ring: 'var(--ring)',
+        input: 'var(--input)',
+
+        // Custom base colors
+        'app-background': '#F8FAFC',
+        surface: '#FFFFFF',
+        'surface-sub': '#F1F5F9',
+
+        // Text colors
+        'text-primary': '#0F172A',
+        'text-secondary': '#475569',
+
+        // Borders
+        border: '#E2E8F0',
+
+        // Brand & Primary
+        brand: {
+          DEFAULT: '#3B82F6',
+          hover: '#2563EB',
+          active: '#1D4ED8',
+          subtle: '#EFF6FF',
+        },
+
+        // Neutral CTA
+        neutral: {
+          DEFAULT: '#334155',
+          hover: '#1F2937',
+        },
+
+        // Module accents
+        module: {
+          appointments: {
+            bg: '#E8F8EF',
+            accent: '#16A34A',
+            border: '#CDECDC',
+          },
+          meds: {
+            bg: '#FEF6DC',
+            accent: '#F59E0B',
+            border: '#F6E7B6',
+          },
+          labs: {
+            bg: '#FFEBDC',
+            accent: '#F97316',
+            border: '#FFD2B8',
+          },
+        },
+
+        // Status colors
+        success: {
+          DEFAULT: '#16A34A',
+          subtle: '#ECFDF5',
+        },
+        warning: {
+          DEFAULT: '#EAB308',
+          subtle: '#FEFCE8',
+        },
+        error: {
+          DEFAULT: '#DC2626',
+          subtle: '#FEF2F2',
+        },
+        info: {
+          DEFAULT: '#3B82F6',
+          subtle: '#EFF6FF',
+        },
+
+        // Severity badges (DSM-light)
+        severity: {
+          low: {
+            bg: '#E5E7EB',
+            text: '#374151',
+          },
+          medium: {
+            bg: '#FEF3C7',
+            text: '#92400E',
+          },
+          high: {
+            bg: '#FEE2E2',
+            text: '#991B1B',
+          },
+        },
+
+        // Form elements
+        field: {
+          bg: '#FFFFFF',
+          text: '#0F172A',
+          placeholder: '#94A3B8',
+          border: '#CBD5E1',
+          'border-hover': '#94A3B8',
+          focus: '#3B82F6',
+          disabled: {
+            bg: '#F1F5F9',
+            text: '#94A3B8',
+            border: '#E2E8F0',
+          },
+        },
+      },
+      boxShadow: {
+        'sm': '0 1px 2px rgba(15,23,42,0.06)',
+        'md': '0 2px 6px rgba(15,23,42,0.08)',
+        'lg': '0 8px 20px rgba(15,23,42,0.10)',
+      },
+      ringColor: {
+        DEFAULT: '#3B82F6',
+      },
+      ringWidth: {
+        DEFAULT: '2px',
+      },
+      borderRadius: {
+        lg: 'var(--radius)',
+        md: 'calc(var(--radius) - 2px)',
+        sm: 'calc(var(--radius) - 4px)',
+      },
+    },
+  },
+  plugins: [require('tailwindcss-animate')],
+}
+
+export default config
+