Nanopay-Frontend/tailwind.config.ts at main · js-developer-codebase/Nanopay-Frontend · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
import type { Config } from 'tailwindcss';

export default {
	content: ['./src/**/*.{html,js,svelte,ts}'],
	theme: {
		extend: {
			colors: {
				primary: {
					DEFAULT: '#1B4F8A',
					light: '#E6F1FB'
				},
				accent: '#F59E0B',
				success: '#10B981',
				warning: '#F59E0B',
				danger: '#EF4444',
				surface: {
					DEFAULT: '#FFFFFF',
					2: '#F8FAFC',
					3: '#F1F5F9'
				},
				border: '#E2E8F0',
				text: {
					primary: '#0F172A',
					secondary: '#475569',
					muted: '#94A3B8'
				}
			},
			fontFamily: {
				sans: ['Plus Jakarta Sans', 'system-ui', 'sans-serif'],
				mono: ['JetBrains Mono', 'monospace']
			},
			borderRadius: {
				xl: '0.75rem',
				lg: '0.5rem',
				full: '9999px'
			},
			boxShadow: {
				sm: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',
				lg: '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',
				'2xl': '0 25px 50px -12px rgba(0, 0, 0, 0.25)'
			}
		}
	},
	plugins: []
} satisfies Config;