71 lines
1.6 KiB
JavaScript
71 lines
1.6 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
content: [
|
|
"./index.html",
|
|
"./src/**/*.{vue,js,ts,jsx,tsx}",
|
|
],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
navy: '#08254A',
|
|
primary: {
|
|
50: '#EEF4FF',
|
|
100: '#D1E0FF',
|
|
300: '#84ADFF',
|
|
400: '#528BFF',
|
|
500: '#155EEF',
|
|
600: '#155EEF',
|
|
700: '#0B4FD6',
|
|
800: '#0A3FAA',
|
|
},
|
|
surface: '#FFFFFF',
|
|
canvas: '#F7F9FC',
|
|
// Flat keys so @apply text-ink / border-line resolve (nested DEFAULT breaks @apply)
|
|
ink: '#344054',
|
|
'ink-strong': '#101828',
|
|
'ink-secondary': '#667085',
|
|
'ink-disabled': '#98A2B3',
|
|
line: '#E4E7EC',
|
|
'line-strong': '#D0D5DD',
|
|
clinical: {
|
|
safe: '#079455',
|
|
'safe-bg': '#ECFDF3',
|
|
warning: '#DC6803',
|
|
'warning-bg': '#FFFAEB',
|
|
danger: '#D92D20',
|
|
'danger-bg': '#FEF3F2',
|
|
critical: '#B42318',
|
|
'critical-bg': '#FEE4E2',
|
|
},
|
|
},
|
|
fontFamily: {
|
|
sans: [
|
|
'"Public Sans"',
|
|
'ui-sans-serif',
|
|
'system-ui',
|
|
'-apple-system',
|
|
'sans-serif',
|
|
],
|
|
},
|
|
borderRadius: {
|
|
control: '6px',
|
|
input: '8px',
|
|
card: '10px',
|
|
panel: '12px',
|
|
},
|
|
boxShadow: {
|
|
card: '0 1px 2px rgba(16, 24, 40, 0.04)',
|
|
dialog: '0 8px 24px rgba(16, 24, 40, 0.12)',
|
|
},
|
|
spacing: {
|
|
18: '4.5rem',
|
|
22: '5.5rem',
|
|
},
|
|
screens: {
|
|
xs: '480px',
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
}
|