Tạo dải màu kiểu Tailwind 50–950 từ một màu gốc, dán thẳng vào tailwind.config.
Màu gốc
#1677FF
Tên
Dải màu
50
#f0f6ff
100
#e0edff
200
#b8d5ff
300
#8abbff
400
#529aff
500
#1a79ff
600
#0064f0
700
#0053c7
800
#00429e
900
#00337a
950
#00204d
tailwind.config
brand: {
50: '#f0f6ff',
100: '#e0edff',
200: '#b8d5ff',
300: '#8abbff',
400: '#529aff',
500: '#1a79ff',
600: '#0064f0',
700: '#0053c7',
800: '#00429e',
900: '#00337a',
950: '#00204d',
}CSS variables
:root {
--brand-50: #f0f6ff;
--brand-100: #e0edff;
--brand-200: #b8d5ff;
--brand-300: #8abbff;
--brand-400: #529aff;
--brand-500: #1a79ff;
--brand-600: #0064f0;
--brand-700: #0053c7;
--brand-800: #00429e;
--brand-900: #00337a;
--brand-950: #00204d;
}