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
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
| import tailwindThemeVarDefine from './themes/tailwind-theme-var-define'
|
| /** @type {import('tailwindcss').Config} */
| const config = {
| content: [
| './app/**/*.{js,ts,jsx,tsx}',
| './components/**/*.{js,ts,jsx,tsx}',
| './context/**/*.{js,ts,jsx,tsx}',
| ],
| theme: {
| typography: require('./typography'),
| extend: {
| colors: {
| gray: {
| 25: '#fcfcfd',
| 50: '#f9fafb',
| 100: '#f2f4f7',
| 200: '#eaecf0',
| 300: '#d0d5dd',
| 400: '#98a2b3',
| 500: '#667085',
| 700: '#475467',
| 600: '#344054',
| 800: '#1d2939',
| 900: '#101828',
| },
| primary: {
| 25: '#f5f8ff',
| 50: '#eff4ff',
| 100: '#d1e0ff',
| 200: '#b2ccff',
| 300: '#84adff',
| 400: '#528bff',
| 500: '#2970ff',
| 600: '#155eef',
| 700: '#004eeb',
| 800: '#0040c1',
| 900: '#00359e',
| },
| blue: {
| 500: '#E1EFFE',
| },
| green: {
| 50: '#F3FAF7',
| 100: '#DEF7EC',
| 800: '#03543F',
|
| },
| yellow: {
| 100: '#FDF6B2',
| 800: '#723B13',
| },
| purple: {
| 50: '#F6F5FF',
| 200: '#DCD7FE',
| },
| indigo: {
| 25: '#F5F8FF',
| 50: '#EEF4FF',
| 100: '#E0EAFF',
| 300: '#A4BCFD',
| 400: '#8098F9',
| 600: '#444CE7',
| 800: '#2D31A6',
| },
| ...tailwindThemeVarDefine,
| },
| screens: {
| 'mobile': '100px',
| // => @media (min-width: 100px) { ... }
| 'tablet': '640px', // 391
| // => @media (min-width: 600px) { ... }
| 'pc': '769px',
| // => @media (min-width: 769px) { ... }
| '2k': '2560px',
| },
| boxShadow: {
| 'xs': '0px 1px 2px 0px rgba(16, 24, 40, 0.05)',
| 'sm': '0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.10)',
| 'md': '0px 2px 4px -2px rgba(16, 24, 40, 0.06), 0px 4px 8px -2px rgba(16, 24, 40, 0.10)',
| 'lg': '0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08)',
| 'xl': '0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -4px rgba(16, 24, 40, 0.08)',
| '2xl': '0px 24px 48px -12px rgba(16, 24, 40, 0.18)',
| '3xl': '0px 32px 64px -12px rgba(16, 24, 40, 0.14)',
| 'status-indicator-green-shadow': '0px 2px 6px 0px var(--color-components-badge-status-light-success-halo), 0px 0px 0px 1px var(--color-components-badge-status-light-border-outer)',
| 'status-indicator-warning-shadow': '0px 2px 6px 0px var(--color-components-badge-status-light-warning-halo), 0px 0px 0px 1px var(--color-components-badge-status-light-border-outer)',
| 'status-indicator-red-shadow': '0px 2px 6px 0px var(--color-components-badge-status-light-error-halo), 0px 0px 0px 1px var(--color-components-badge-status-light-border-outer)',
| 'status-indicator-blue-shadow': '0px 2px 6px 0px var(--color-components-badge-status-light-normal-halo), 0px 0px 0px 1px var(--color-components-badge-status-light-border-outer)',
| 'status-indicator-gray-shadow': '0px 1px 2px 0px var(--color-components-badge-status-light-disabled-halo), 0px 0px 0px 1px var(--color-components-badge-status-light-border-outer)',
| },
| opacity: {
| 2: '0.02',
| 8: '0.08',
| },
| fontSize: {
| '2xs': '0.625rem',
| },
| backgroundImage: {
| 'chatbot-bg': 'var(--color-chatbot-bg)',
| 'chat-bubble-bg': 'var(--color-chat-bubble-bg)',
| 'workflow-process-bg': 'var(--color-workflow-process-bg)',
| 'dataset-chunk-process-success-bg': 'var(--color-dataset-chunk-process-success-bg)',
| 'dataset-chunk-process-error-bg': 'var(--color-dataset-chunk-process-error-bg)',
| 'dataset-chunk-detail-card-hover-bg': 'var(--color-dataset-chunk-detail-card-hover-bg)',
| 'dataset-child-chunk-expand-btn-bg': 'var(--color-dataset-child-chunk-expand-btn-bg)',
| 'dataset-option-card-blue-gradient': 'var(--color-dataset-option-card-blue-gradient)',
| 'dataset-option-card-purple-gradient': 'var(--color-dataset-option-card-purple-gradient)',
| 'dataset-option-card-orange-gradient': 'var(--color-dataset-option-card-orange-gradient)',
| 'dataset-chunk-list-mask-bg': 'var(--color-dataset-chunk-list-mask-bg)',
| },
| lineClamp: {
| '20': '20',
| 'mask-top2bottom-gray-50-to-transparent': 'var(--mask-top2bottom-gray-50-to-transparent)',
| },
| },
| },
| plugins: [
| require('@tailwindcss/typography'),
| ],
| // https://github.com/tailwindlabs/tailwindcss/discussions/5969
| corePlugins: {
| preflight: false,
| },
| }
|
| export default config
|
|
