SOL-Assistant-frontend/tailwind.config.js at main · kyun9-cloud/SOL-Assistant-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
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
/** @type {import('tailwindcss').Config} */
module.exports = {
	content: [
		'./src/pages/**/*.{js,ts,jsx,tsx,mdx}',
		'./src/components/**/*.{js,ts,jsx,tsx,mdx}',
		'./src/containers/**/*.{js,ts,jsx,tsx,mdx}',
		'./src/app/**/*.{js,ts,jsx,tsx,mdx}',
	],
	theme: {
		extend: {
			screens: {
				mobile: '375px',
				'mobile-lg': '430px',
				desktop: '768px',
			},
			maxWidth: {
				mobile: '430px',
				desktop: '393px',
			},
			minWidth: {
				mobile: '375px',
			},
			colors: {
				// Yellow/Orange 팔레트
				shinhanYellow: {
					100: '#FFF9E8',
					200: '#FFF6D1',
					300: '#FFEDBD',
					400: '#FEE580',
					500: '#FEDA4A',
					600: '#FFD15B',
					700: '#F5C342',
					800: '#F1B33D',
					900: '#EA9635',
				},
				// Red 팔레트
				shinhanRed: {
					100: '#FFF2F2',
					200: '#FFDDDD',
					300: '#FFA9A9',
					400: '#F07E7E',
					500: '#DE4141',
					600: '#D61111',
					700: '#C10F0F',
					800: '#AB0E0E',
					900: '#861E17',
				},
				// Green 팔레트
				shinhanGreen: {
					100: '#ECFDFC',
					200: '#CDF9F6',
					300: '#A7F4EF',
					400: '#81EFE8',
					500: '#71E3DC',
					600: '#57CEC7',
					700: '#19B4AA',
					800: '#1A9B9E',
					900: '#0C7076',
				},
				// Blue 팔레트
				shinhanBlue: {
					100: '#E6EDFF',
					200: '#B3C8FF',
					300: '#94ABFA',
					400: '#4C7DFF',
					500: '#005DF9',
					600: '#0046FF',
					700: '#0040E8',
					800: '#293FEB',
					900: '#102FA8',
				},
				shinhanGray: {
					100: '#F8F8F8',
					200: '#F7F7F7',
					300: '#F5F5F5',
					400: '#999EA4',
					500: '#888E98',
				},
			},
		},
	},
	plugins: [],
};