untitledui 0.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/commands/add.js +339 -0
- package/dist/commands/init.js +436 -0
- package/dist/helper/download-tar-api.js +129 -0
- package/dist/helper/download-tar.js +81 -0
- package/dist/helper/find-css-file.js +19 -0
- package/dist/helper/formatText.js +37 -0
- package/dist/helper/get-components-api.js +47 -0
- package/dist/helper/get-components-list.js +62 -0
- package/dist/helper/get-components.js +19 -0
- package/dist/helper/get-config.js +163 -0
- package/dist/helper/get-package-info.js +99 -0
- package/dist/helper/get-pkg-manager.js +16 -0
- package/dist/helper/get-project.js +176 -0
- package/dist/helper/install-template.js +29 -0
- package/dist/helper/match-color-css.js +82 -0
- package/dist/helper/update-color-css.js +134 -0
- package/dist/index.js +25 -0
- package/dist/package.json +50 -0
- package/dist/res/components.json +520 -0
- package/dist/res/config.json +3 -0
- package/package.json +61 -0
- package/templates/default/.prettierrc +10 -0
- package/templates/default/README.md +36 -0
- package/templates/default/eslint.config.mjs +58 -0
- package/templates/default/next.config.ts +6 -0
- package/templates/default/package.json +57 -0
- package/templates/default/postcss.config.js +5 -0
- package/templates/default/public/favicon.ico +0 -0
- package/templates/default/public/marketing/smiling-girl.png +0 -0
- package/templates/default/public/marketing/spirals.webp +0 -0
- package/templates/default/src/app/home-screen.tsx +109 -0
- package/templates/default/src/app/layout.tsx +42 -0
- package/templates/default/src/app/not-found.tsx +40 -0
- package/templates/default/src/app/page.tsx +3 -0
- package/templates/default/src/components/foundations/dot-icon.tsx +27 -0
- package/templates/default/src/components/foundations/featured-icon/featured-icons.tsx +153 -0
- package/templates/default/src/components/foundations/logo/UntitledLogo.tsx +63 -0
- package/templates/default/src/components/foundations/logo/UntitledLogoMinimal.tsx +164 -0
- package/templates/default/src/components/foundations/payment-icons/amex-icon.tsx +19 -0
- package/templates/default/src/components/foundations/payment-icons/apple-pay-icon.tsx +27 -0
- package/templates/default/src/components/foundations/payment-icons/discover-icon.tsx +34 -0
- package/templates/default/src/components/foundations/payment-icons/index.tsx +10 -0
- package/templates/default/src/components/foundations/payment-icons/mastercard-icon.tsx +39 -0
- package/templates/default/src/components/foundations/payment-icons/paypal-icon.tsx +45 -0
- package/templates/default/src/components/foundations/payment-icons/stripe-icon.tsx +27 -0
- package/templates/default/src/components/foundations/payment-icons/union-pay-icon.tsx +37 -0
- package/templates/default/src/components/foundations/payment-icons/visa-icon.tsx +27 -0
- package/templates/default/src/components/marketing/header-navigation/base-components/nav-menu-item.tsx +41 -0
- package/templates/default/src/components/marketing/header-navigation/components/header.tsx +245 -0
- package/templates/default/src/components/marketing/header-navigation/dropdown-header-navigation.tsx +53 -0
- package/templates/default/src/components/shared/avatar/avatar-label-group.tsx +32 -0
- package/templates/default/src/components/shared/avatar/avatar-profile-photo.tsx +84 -0
- package/templates/default/src/components/shared/avatar/avatar.tsx +131 -0
- package/templates/default/src/components/shared/avatar/base-components/avatar-add-button.tsx +33 -0
- package/templates/default/src/components/shared/avatar/base-components/avatar-company-icon.tsx +26 -0
- package/templates/default/src/components/shared/avatar/base-components/avatar-online-indicator.tsx +31 -0
- package/templates/default/src/components/shared/avatar/base-components/index.ts +4 -0
- package/templates/default/src/components/shared/avatar/base-components/verified-tick.tsx +34 -0
- package/templates/default/src/components/shared/avatar/utils.ts +12 -0
- package/templates/default/src/components/shared/badges/badge-groups.tsx +176 -0
- package/templates/default/src/components/shared/badges/badge-types.ts +264 -0
- package/templates/default/src/components/shared/badges/badges.tsx +479 -0
- package/templates/default/src/components/shared/button-group/button-group.tsx +97 -0
- package/templates/default/src/components/shared/buttons/app-store-buttons-outline.tsx +454 -0
- package/templates/default/src/components/shared/buttons/app-store-buttons.tsx +806 -0
- package/templates/default/src/components/shared/buttons/button-utility.tsx +87 -0
- package/templates/default/src/components/shared/buttons/button.tsx +284 -0
- package/templates/default/src/components/shared/buttons/close-button.tsx +39 -0
- package/templates/default/src/components/shared/buttons/social-button.tsx +135 -0
- package/templates/default/src/components/shared/buttons/social-logos.tsx +115 -0
- package/templates/default/src/components/shared/checkbox/checkbox.tsx +120 -0
- package/templates/default/src/components/shared/dropdown/dropdown.tsx +138 -0
- package/templates/default/src/components/shared/input-dropdown/combobox.tsx +161 -0
- package/templates/default/src/components/shared/input-dropdown/dropdown-item.tsx +98 -0
- package/templates/default/src/components/shared/input-dropdown/input-dropdown.tsx +172 -0
- package/templates/default/src/components/shared/input-dropdown/multi-select.tsx +373 -0
- package/templates/default/src/components/shared/input-dropdown/popover.tsx +36 -0
- package/templates/default/src/components/shared/input-dropdown/select.tsx +63 -0
- package/templates/default/src/components/shared/inputs/file-upload-trigger.tsx +74 -0
- package/templates/default/src/components/shared/inputs/form/form.tsx +10 -0
- package/templates/default/src/components/shared/inputs/hint-text.tsx +34 -0
- package/templates/default/src/components/shared/inputs/input/index.tsx +189 -0
- package/templates/default/src/components/shared/inputs/input/input-payment.tsx +134 -0
- package/templates/default/src/components/shared/inputs/input/input-with-button.tsx +69 -0
- package/templates/default/src/components/shared/inputs/input/input-with-dropdown.tsx +178 -0
- package/templates/default/src/components/shared/inputs/input/input-with-prefix.tsx +74 -0
- package/templates/default/src/components/shared/inputs/label.tsx +46 -0
- package/templates/default/src/components/shared/inputs/textarea/textarea.tsx +82 -0
- package/templates/default/src/components/shared/progress-indicators/progress-circles.tsx +176 -0
- package/templates/default/src/components/shared/progress-indicators/progress-indicators.tsx +86 -0
- package/templates/default/src/components/shared/progress-indicators/simple-circle.tsx +29 -0
- package/templates/default/src/components/shared/radio-buttons/radio-buttons.tsx +125 -0
- package/templates/default/src/components/shared/radio-groups/radio-group-avatar.tsx +62 -0
- package/templates/default/src/components/shared/radio-groups/radio-group-checkbox.tsx +72 -0
- package/templates/default/src/components/shared/radio-groups/radio-group-icon-card.tsx +95 -0
- package/templates/default/src/components/shared/radio-groups/radio-group-icon-simple.tsx +70 -0
- package/templates/default/src/components/shared/radio-groups/radio-group-payment-icon.tsx +71 -0
- package/templates/default/src/components/shared/radio-groups/radio-group-radio-button.tsx +76 -0
- package/templates/default/src/components/shared/radio-groups/radio-groups.tsx +8 -0
- package/templates/default/src/components/shared/slider/slider.tsx +76 -0
- package/templates/default/src/components/shared/tags/base-components/tag-checkbox.tsx +47 -0
- package/templates/default/src/components/shared/tags/base-components/tag-close-x.tsx +34 -0
- package/templates/default/src/components/shared/tags/tags.tsx +162 -0
- package/templates/default/src/components/shared/toggle/toggle.tsx +140 -0
- package/templates/default/src/components/shared/tooltips/tooltips.tsx +140 -0
- package/templates/default/src/components/utils/index.ts +48 -0
- package/templates/default/src/components/utils/isDeepEqual.ts +31 -0
- package/templates/default/src/components/utils/isReactComponent.ts +22 -0
- package/templates/default/src/components/utils/mergeRefs.ts +19 -0
- package/templates/default/src/components/utils/useBreakpoint.ts +36 -0
- package/templates/default/src/components/utils/uuid.ts +9 -0
- package/templates/default/src/fonts/GeistMonoVF.woff +0 -0
- package/templates/default/src/fonts/GeistVF.woff +0 -0
- package/templates/default/src/hooks/use-resize-observer.tsx +55 -0
- package/templates/default/src/providers/theme.tsx +11 -0
- package/templates/default/src/styles/colors.css +805 -0
- package/templates/default/src/styles/globals.css +86 -0
- package/templates/default/src/styles/text-styles.css +177 -0
- package/templates/default/src/styles/theme.css +1310 -0
- package/templates/default/src/styles/typography.css +428 -0
- package/templates/default/tsconfig.json +27 -0
|
@@ -0,0 +1,805 @@
|
|
|
1
|
+
/***************** UNTITLEDUI COLOR ******************/
|
|
2
|
+
|
|
3
|
+
.untitled-brand {
|
|
4
|
+
--color-brand-25: rgb(252 250 255);
|
|
5
|
+
--color-brand-50: rgb(249 245 255);
|
|
6
|
+
--color-brand-100: rgb(244 235 255);
|
|
7
|
+
--color-brand-200: rgb(233 215 254);
|
|
8
|
+
--color-brand-300: rgb(214 187 251);
|
|
9
|
+
--color-brand-400: rgb(182 146 246);
|
|
10
|
+
--color-brand-500: rgb(158 119 237);
|
|
11
|
+
--color-brand-600: rgb(127 86 217);
|
|
12
|
+
--color-brand-700: rgb(105 65 198);
|
|
13
|
+
--color-brand-800: rgb(83 56 158);
|
|
14
|
+
--color-brand-900: rgb(66 48 125);
|
|
15
|
+
--color-brand-950: rgb(44 28 95);
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.untitled-gray-light-mode {
|
|
19
|
+
--color-brand-25: rgb(253 253 253);
|
|
20
|
+
--color-brand-50: rgb(250 250 250);
|
|
21
|
+
--color-brand-100: rgb(245 245 245);
|
|
22
|
+
--color-brand-200: rgb(233 234 235);
|
|
23
|
+
--color-brand-300: rgb(213 215 218);
|
|
24
|
+
--color-brand-400: rgb(164 167 174);
|
|
25
|
+
--color-brand-500: rgb(113 118 128);
|
|
26
|
+
--color-brand-600: rgb(83 88 98);
|
|
27
|
+
--color-brand-700: rgb(65 70 81);
|
|
28
|
+
--color-brand-800: rgb(37 43 55);
|
|
29
|
+
--color-brand-900: rgb(24 29 39);
|
|
30
|
+
--color-brand-950: rgb(10 13 18);
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.untitled-error {
|
|
34
|
+
--color-brand-25: rgb(255 251 250);
|
|
35
|
+
--color-brand-50: rgb(254 243 242);
|
|
36
|
+
--color-brand-100: rgb(254 228 226);
|
|
37
|
+
--color-brand-200: rgb(254 205 202);
|
|
38
|
+
--color-brand-300: rgb(253 162 155);
|
|
39
|
+
--color-brand-400: rgb(249 112 102);
|
|
40
|
+
--color-brand-500: rgb(240 68 56);
|
|
41
|
+
--color-brand-600: rgb(217 45 32);
|
|
42
|
+
--color-brand-700: rgb(180 35 24);
|
|
43
|
+
--color-brand-800: rgb(145 32 24);
|
|
44
|
+
--color-brand-900: rgb(122 39 26);
|
|
45
|
+
--color-brand-950: rgb(85 22 12);
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
.untitled-warning {
|
|
49
|
+
--color-brand-25: rgb(255 252 245);
|
|
50
|
+
--color-brand-50: rgb(255 250 235);
|
|
51
|
+
--color-brand-100: rgb(254 240 199);
|
|
52
|
+
--color-brand-200: rgb(254 223 137);
|
|
53
|
+
--color-brand-300: rgb(254 200 75);
|
|
54
|
+
--color-brand-400: rgb(253 176 34);
|
|
55
|
+
--color-brand-500: rgb(247 144 9);
|
|
56
|
+
--color-brand-600: rgb(220 104 3);
|
|
57
|
+
--color-brand-700: rgb(181 71 8);
|
|
58
|
+
--color-brand-800: rgb(147 55 13);
|
|
59
|
+
--color-brand-900: rgb(122 46 14);
|
|
60
|
+
--color-brand-950: rgb(78 29 9);
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
.untitled-success {
|
|
64
|
+
--color-brand-25: rgb(246 254 249);
|
|
65
|
+
--color-brand-50: rgb(236 253 243);
|
|
66
|
+
--color-brand-100: rgb(220 250 230);
|
|
67
|
+
--color-brand-200: rgb(171 239 198);
|
|
68
|
+
--color-brand-300: rgb(117 224 167);
|
|
69
|
+
--color-brand-400: rgb(71 205 137);
|
|
70
|
+
--color-brand-500: rgb(23 178 106);
|
|
71
|
+
--color-brand-600: rgb(7 148 85);
|
|
72
|
+
--color-brand-700: rgb(6 118 71);
|
|
73
|
+
--color-brand-800: rgb(8 93 58);
|
|
74
|
+
--color-brand-900: rgb(7 77 49);
|
|
75
|
+
--color-brand-950: rgb(5 51 33);
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
.untitled-gray-blue {
|
|
79
|
+
--color-brand-25: rgb(252 252 253);
|
|
80
|
+
--color-brand-50: rgb(248 249 252);
|
|
81
|
+
--color-brand-100: rgb(234 236 245);
|
|
82
|
+
--color-brand-200: rgb(213 217 235);
|
|
83
|
+
--color-brand-300: rgb(179 184 219);
|
|
84
|
+
--color-brand-400: rgb(113 123 188);
|
|
85
|
+
--color-brand-500: rgb(78 91 166);
|
|
86
|
+
--color-brand-600: rgb(62 71 132);
|
|
87
|
+
--color-brand-700: rgb(54 63 114);
|
|
88
|
+
--color-brand-800: rgb(41 48 86);
|
|
89
|
+
--color-brand-900: rgb(16 19 35);
|
|
90
|
+
--color-brand-950: rgb(13 15 28);
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
.untitled-gray-cool {
|
|
94
|
+
--color-brand-25: rgb(252 252 253);
|
|
95
|
+
--color-brand-50: rgb(249 249 251);
|
|
96
|
+
--color-brand-100: rgb(239 241 245);
|
|
97
|
+
--color-brand-200: rgb(220 223 234);
|
|
98
|
+
--color-brand-300: rgb(185 192 212);
|
|
99
|
+
--color-brand-400: rgb(125 137 176);
|
|
100
|
+
--color-brand-500: rgb(93 107 152);
|
|
101
|
+
--color-brand-600: rgb(74 85 120);
|
|
102
|
+
--color-brand-700: rgb(64 73 104);
|
|
103
|
+
--color-brand-800: rgb(48 55 79);
|
|
104
|
+
--color-brand-900: rgb(17 19 34);
|
|
105
|
+
--color-brand-950: rgb(14 16 27);
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
.untitled-gray-modern {
|
|
109
|
+
--color-brand-25: rgb(252 252 253);
|
|
110
|
+
--color-brand-50: rgb(248 250 252);
|
|
111
|
+
--color-brand-100: rgb(238 242 246);
|
|
112
|
+
--color-brand-200: rgb(227 232 239);
|
|
113
|
+
--color-brand-300: rgb(205 213 223);
|
|
114
|
+
--color-brand-400: rgb(154 164 178);
|
|
115
|
+
--color-brand-500: rgb(105 117 134);
|
|
116
|
+
--color-brand-600: rgb(75 85 101);
|
|
117
|
+
--color-brand-700: rgb(54 65 82);
|
|
118
|
+
--color-brand-800: rgb(32 41 57);
|
|
119
|
+
--color-brand-900: rgb(18 25 38);
|
|
120
|
+
--color-brand-950: rgb(13 18 28);
|
|
121
|
+
}
|
|
122
|
+
|
|
123
|
+
.untitled-gray-neutral {
|
|
124
|
+
--color-brand-25: rgb(252 252 253);
|
|
125
|
+
--color-brand-50: rgb(249 250 251);
|
|
126
|
+
--color-brand-100: rgb(243 244 246);
|
|
127
|
+
--color-brand-200: rgb(229 231 235);
|
|
128
|
+
--color-brand-300: rgb(210 214 219);
|
|
129
|
+
--color-brand-400: rgb(157 164 174);
|
|
130
|
+
--color-brand-500: rgb(108 115 127);
|
|
131
|
+
--color-brand-600: rgb(77 87 97);
|
|
132
|
+
--color-brand-700: rgb(56 66 80);
|
|
133
|
+
--color-brand-800: rgb(31 42 55);
|
|
134
|
+
--color-brand-900: rgb(17 25 39);
|
|
135
|
+
--color-brand-950: rgb(13 18 28);
|
|
136
|
+
}
|
|
137
|
+
|
|
138
|
+
.untitled-gray-iron {
|
|
139
|
+
--color-brand-25: rgb(252 252 252);
|
|
140
|
+
--color-brand-50: rgb(247 247 247);
|
|
141
|
+
--color-brand-100: rgb(244 244 245);
|
|
142
|
+
--color-brand-200: rgb(228 228 231);
|
|
143
|
+
--color-brand-300: rgb(209 209 214);
|
|
144
|
+
--color-brand-400: rgb(160 160 171);
|
|
145
|
+
--color-brand-500: rgb(112 112 123);
|
|
146
|
+
--color-brand-600: rgb(81 82 92);
|
|
147
|
+
--color-brand-700: rgb(63 63 70);
|
|
148
|
+
--color-brand-800: rgb(38 39 43);
|
|
149
|
+
--color-brand-900: rgb(26 26 30);
|
|
150
|
+
--color-brand-950: rgb(19 19 22);
|
|
151
|
+
}
|
|
152
|
+
|
|
153
|
+
.untitled-gray-true {
|
|
154
|
+
--color-brand-25: rgb(252 252 252);
|
|
155
|
+
--color-brand-50: rgb(247 247 247);
|
|
156
|
+
--color-brand-100: rgb(245 245 245);
|
|
157
|
+
--color-brand-200: rgb(229 229 229);
|
|
158
|
+
--color-brand-300: rgb(214 214 214);
|
|
159
|
+
--color-brand-400: rgb(163 163 163);
|
|
160
|
+
--color-brand-500: rgb(115 115 115);
|
|
161
|
+
--color-brand-600: rgb(82 82 82);
|
|
162
|
+
--color-brand-700: rgb(66 66 66);
|
|
163
|
+
--color-brand-800: rgb(41 41 41);
|
|
164
|
+
--color-brand-900: rgb(20 20 20);
|
|
165
|
+
--color-brand-950: rgb(15 15 15);
|
|
166
|
+
}
|
|
167
|
+
|
|
168
|
+
.untitled-gray-warm {
|
|
169
|
+
--color-brand-25: rgb(253 253 252);
|
|
170
|
+
--color-brand-50: rgb(250 250 249);
|
|
171
|
+
--color-brand-100: rgb(245 245 244);
|
|
172
|
+
--color-brand-200: rgb(231 229 228);
|
|
173
|
+
--color-brand-300: rgb(215 211 208);
|
|
174
|
+
--color-brand-400: rgb(169 162 157);
|
|
175
|
+
--color-brand-500: rgb(121 113 107);
|
|
176
|
+
--color-brand-600: rgb(87 83 78);
|
|
177
|
+
--color-brand-700: rgb(68 64 60);
|
|
178
|
+
--color-brand-800: rgb(41 37 36);
|
|
179
|
+
--color-brand-900: rgb(28 25 23);
|
|
180
|
+
--color-brand-950: rgb(23 20 18);
|
|
181
|
+
}
|
|
182
|
+
|
|
183
|
+
.untitled-moss {
|
|
184
|
+
--color-brand-25: rgb(250 253 247);
|
|
185
|
+
--color-brand-50: rgb(245 251 238);
|
|
186
|
+
--color-brand-100: rgb(230 244 215);
|
|
187
|
+
--color-brand-200: rgb(206 234 176);
|
|
188
|
+
--color-brand-300: rgb(172 220 121);
|
|
189
|
+
--color-brand-400: rgb(134 203 60);
|
|
190
|
+
--color-brand-500: rgb(102 159 42);
|
|
191
|
+
--color-brand-600: rgb(79 122 33);
|
|
192
|
+
--color-brand-700: rgb(63 98 26);
|
|
193
|
+
--color-brand-800: rgb(51 80 21);
|
|
194
|
+
--color-brand-900: rgb(43 66 18);
|
|
195
|
+
--color-brand-950: rgb(26 40 11);
|
|
196
|
+
}
|
|
197
|
+
|
|
198
|
+
.untitled-green-light {
|
|
199
|
+
--color-brand-25: rgb(250 254 245);
|
|
200
|
+
--color-brand-50: rgb(243 254 231);
|
|
201
|
+
--color-brand-100: rgb(227 251 204);
|
|
202
|
+
--color-brand-200: rgb(208 248 171);
|
|
203
|
+
--color-brand-300: rgb(166 239 103);
|
|
204
|
+
--color-brand-400: rgb(133 225 58);
|
|
205
|
+
--color-brand-500: rgb(102 198 28);
|
|
206
|
+
--color-brand-600: rgb(76 163 13);
|
|
207
|
+
--color-brand-700: rgb(59 124 15);
|
|
208
|
+
--color-brand-800: rgb(50 98 18);
|
|
209
|
+
--color-brand-900: rgb(43 83 20);
|
|
210
|
+
--color-brand-950: rgb(21 41 10);
|
|
211
|
+
}
|
|
212
|
+
|
|
213
|
+
.untitled-green {
|
|
214
|
+
--color-brand-25: rgb(246 254 249);
|
|
215
|
+
--color-brand-50: rgb(237 252 242);
|
|
216
|
+
--color-brand-100: rgb(211 248 223);
|
|
217
|
+
--color-brand-200: rgb(170 240 196);
|
|
218
|
+
--color-brand-300: rgb(115 226 163);
|
|
219
|
+
--color-brand-400: rgb(60 203 127);
|
|
220
|
+
--color-brand-500: rgb(22 179 100);
|
|
221
|
+
--color-brand-600: rgb(9 146 80);
|
|
222
|
+
--color-brand-700: rgb(8 116 67);
|
|
223
|
+
--color-brand-800: rgb(9 92 55);
|
|
224
|
+
--color-brand-900: rgb(8 76 46);
|
|
225
|
+
--color-brand-950: rgb(5 46 28);
|
|
226
|
+
}
|
|
227
|
+
|
|
228
|
+
.untitled-teal {
|
|
229
|
+
--color-brand-25: rgb(246 254 252);
|
|
230
|
+
--color-brand-50: rgb(240 253 249);
|
|
231
|
+
--color-brand-100: rgb(204 251 239);
|
|
232
|
+
--color-brand-200: rgb(153 246 224);
|
|
233
|
+
--color-brand-300: rgb(95 233 208);
|
|
234
|
+
--color-brand-400: rgb(46 211 183);
|
|
235
|
+
--color-brand-500: rgb(21 183 158);
|
|
236
|
+
--color-brand-600: rgb(14 147 132);
|
|
237
|
+
--color-brand-700: rgb(16 117 105);
|
|
238
|
+
--color-brand-800: rgb(18 93 86);
|
|
239
|
+
--color-brand-900: rgb(19 78 72);
|
|
240
|
+
--color-brand-950: rgb(10 41 38);
|
|
241
|
+
}
|
|
242
|
+
|
|
243
|
+
.untitled-cyan {
|
|
244
|
+
--color-brand-25: rgb(245 254 255);
|
|
245
|
+
--color-brand-50: rgb(236 253 255);
|
|
246
|
+
--color-brand-100: rgb(207 249 254);
|
|
247
|
+
--color-brand-200: rgb(165 240 252);
|
|
248
|
+
--color-brand-300: rgb(103 227 249);
|
|
249
|
+
--color-brand-400: rgb(34 204 238);
|
|
250
|
+
--color-brand-500: rgb(6 174 212);
|
|
251
|
+
--color-brand-600: rgb(8 138 178);
|
|
252
|
+
--color-brand-700: rgb(14 112 144);
|
|
253
|
+
--color-brand-800: rgb(21 91 117);
|
|
254
|
+
--color-brand-900: rgb(22 76 99);
|
|
255
|
+
--color-brand-950: rgb(13 45 58);
|
|
256
|
+
}
|
|
257
|
+
|
|
258
|
+
.untitled-blue-light {
|
|
259
|
+
--color-brand-25: rgb(245 251 255);
|
|
260
|
+
--color-brand-50: rgb(240 249 255);
|
|
261
|
+
--color-brand-100: rgb(224 242 254);
|
|
262
|
+
--color-brand-200: rgb(185 230 254);
|
|
263
|
+
--color-brand-300: rgb(124 212 253);
|
|
264
|
+
--color-brand-400: rgb(54 191 250);
|
|
265
|
+
--color-brand-500: rgb(11 165 236);
|
|
266
|
+
--color-brand-600: rgb(0 134 201);
|
|
267
|
+
--color-brand-700: rgb(2 106 162);
|
|
268
|
+
--color-brand-800: rgb(6 89 134);
|
|
269
|
+
--color-brand-900: rgb(11 74 111);
|
|
270
|
+
--color-brand-950: rgb(6 44 65);
|
|
271
|
+
}
|
|
272
|
+
|
|
273
|
+
.untitled-blue {
|
|
274
|
+
--color-brand-25: rgb(245 250 255);
|
|
275
|
+
--color-brand-50: rgb(239 248 255);
|
|
276
|
+
--color-brand-100: rgb(209 233 255);
|
|
277
|
+
--color-brand-200: rgb(178 221 255);
|
|
278
|
+
--color-brand-300: rgb(132 202 255);
|
|
279
|
+
--color-brand-400: rgb(83 177 253);
|
|
280
|
+
--color-brand-500: rgb(46 144 250);
|
|
281
|
+
--color-brand-600: rgb(21 112 239);
|
|
282
|
+
--color-brand-700: rgb(23 92 211);
|
|
283
|
+
--color-brand-800: rgb(24 73 169);
|
|
284
|
+
--color-brand-900: rgb(25 65 133);
|
|
285
|
+
--color-brand-950: rgb(16 42 86);
|
|
286
|
+
}
|
|
287
|
+
|
|
288
|
+
.untitled-blue-dark {
|
|
289
|
+
--color-brand-25: rgb(245 248 255);
|
|
290
|
+
--color-brand-50: rgb(239 244 255);
|
|
291
|
+
--color-brand-100: rgb(209 224 255);
|
|
292
|
+
--color-brand-200: rgb(178 204 255);
|
|
293
|
+
--color-brand-300: rgb(132 173 255);
|
|
294
|
+
--color-brand-400: rgb(82 139 255);
|
|
295
|
+
--color-brand-500: rgb(41 112 255);
|
|
296
|
+
--color-brand-600: rgb(21 94 239);
|
|
297
|
+
--color-brand-700: rgb(0 78 235);
|
|
298
|
+
--color-brand-800: rgb(0 64 193);
|
|
299
|
+
--color-brand-900: rgb(0 53 158);
|
|
300
|
+
--color-brand-950: rgb(0 34 102);
|
|
301
|
+
}
|
|
302
|
+
|
|
303
|
+
.untitled-indigo {
|
|
304
|
+
--color-brand-25: rgb(245 248 255);
|
|
305
|
+
--color-brand-50: rgb(238 244 255);
|
|
306
|
+
--color-brand-100: rgb(224 234 255);
|
|
307
|
+
--color-brand-200: rgb(199 215 254);
|
|
308
|
+
--color-brand-300: rgb(164 188 253);
|
|
309
|
+
--color-brand-400: rgb(128 152 249);
|
|
310
|
+
--color-brand-500: rgb(97 114 243);
|
|
311
|
+
--color-brand-600: rgb(68 76 231);
|
|
312
|
+
--color-brand-700: rgb(53 56 205);
|
|
313
|
+
--color-brand-800: rgb(45 49 166);
|
|
314
|
+
--color-brand-900: rgb(45 50 130);
|
|
315
|
+
--color-brand-950: rgb(31 35 91);
|
|
316
|
+
}
|
|
317
|
+
|
|
318
|
+
.untitled-violet {
|
|
319
|
+
--color-brand-25: rgb(251 250 255);
|
|
320
|
+
--color-brand-50: rgb(245 243 255);
|
|
321
|
+
--color-brand-100: rgb(236 233 254);
|
|
322
|
+
--color-brand-200: rgb(221 214 254);
|
|
323
|
+
--color-brand-300: rgb(195 181 253);
|
|
324
|
+
--color-brand-400: rgb(164 138 251);
|
|
325
|
+
--color-brand-500: rgb(135 91 247);
|
|
326
|
+
--color-brand-600: rgb(120 57 238);
|
|
327
|
+
--color-brand-700: rgb(105 39 218);
|
|
328
|
+
--color-brand-800: rgb(87 32 183);
|
|
329
|
+
--color-brand-900: rgb(73 28 150);
|
|
330
|
+
--color-brand-950: rgb(46 18 94);
|
|
331
|
+
}
|
|
332
|
+
|
|
333
|
+
.untitled-purple {
|
|
334
|
+
--color-brand-25: rgb(250 250 255);
|
|
335
|
+
--color-brand-50: rgb(244 243 255);
|
|
336
|
+
--color-brand-100: rgb(235 233 254);
|
|
337
|
+
--color-brand-200: rgb(217 214 254);
|
|
338
|
+
--color-brand-300: rgb(189 180 254);
|
|
339
|
+
--color-brand-400: rgb(155 138 251);
|
|
340
|
+
--color-brand-500: rgb(122 90 248);
|
|
341
|
+
--color-brand-600: rgb(105 56 239);
|
|
342
|
+
--color-brand-700: rgb(89 37 220);
|
|
343
|
+
--color-brand-800: rgb(74 31 184);
|
|
344
|
+
--color-brand-900: rgb(62 28 150);
|
|
345
|
+
--color-brand-950: rgb(39 17 95);
|
|
346
|
+
}
|
|
347
|
+
|
|
348
|
+
.untitled-fuchsia {
|
|
349
|
+
--color-brand-25: rgb(254 250 255);
|
|
350
|
+
--color-brand-50: rgb(253 244 255);
|
|
351
|
+
--color-brand-100: rgb(251 232 255);
|
|
352
|
+
--color-brand-200: rgb(246 208 254);
|
|
353
|
+
--color-brand-300: rgb(238 170 253);
|
|
354
|
+
--color-brand-400: rgb(228 120 250);
|
|
355
|
+
--color-brand-500: rgb(212 68 241);
|
|
356
|
+
--color-brand-600: rgb(186 36 213);
|
|
357
|
+
--color-brand-700: rgb(159 26 177);
|
|
358
|
+
--color-brand-800: rgb(130 24 144);
|
|
359
|
+
--color-brand-900: rgb(111 24 119);
|
|
360
|
+
--color-brand-950: rgb(71 16 76);
|
|
361
|
+
}
|
|
362
|
+
|
|
363
|
+
.untitled-pink {
|
|
364
|
+
--color-brand-25: rgb(254 246 251);
|
|
365
|
+
--color-brand-50: rgb(253 242 250);
|
|
366
|
+
--color-brand-100: rgb(252 231 246);
|
|
367
|
+
--color-brand-200: rgb(252 206 238);
|
|
368
|
+
--color-brand-300: rgb(250 167 224);
|
|
369
|
+
--color-brand-400: rgb(246 112 199);
|
|
370
|
+
--color-brand-500: rgb(238 70 188);
|
|
371
|
+
--color-brand-600: rgb(221 37 144);
|
|
372
|
+
--color-brand-700: rgb(193 21 116);
|
|
373
|
+
--color-brand-800: rgb(158 22 95);
|
|
374
|
+
--color-brand-900: rgb(133 22 81);
|
|
375
|
+
--color-brand-950: rgb(78 13 48);
|
|
376
|
+
}
|
|
377
|
+
|
|
378
|
+
.untitled-rose {
|
|
379
|
+
--color-brand-25: rgb(255 245 246);
|
|
380
|
+
--color-brand-50: rgb(255 241 243);
|
|
381
|
+
--color-brand-100: rgb(255 228 232);
|
|
382
|
+
--color-brand-200: rgb(254 205 214);
|
|
383
|
+
--color-brand-300: rgb(254 163 180);
|
|
384
|
+
--color-brand-400: rgb(253 111 142);
|
|
385
|
+
--color-brand-500: rgb(246 61 104);
|
|
386
|
+
--color-brand-600: rgb(227 27 84);
|
|
387
|
+
--color-brand-700: rgb(192 16 72);
|
|
388
|
+
--color-brand-800: rgb(161 16 67);
|
|
389
|
+
--color-brand-900: rgb(137 18 62);
|
|
390
|
+
--color-brand-950: rgb(81 11 36);
|
|
391
|
+
}
|
|
392
|
+
|
|
393
|
+
.untitled-orange-dark {
|
|
394
|
+
--color-brand-25: rgb(255 249 245);
|
|
395
|
+
--color-brand-50: rgb(255 244 237);
|
|
396
|
+
--color-brand-100: rgb(255 230 213);
|
|
397
|
+
--color-brand-200: rgb(255 214 174);
|
|
398
|
+
--color-brand-300: rgb(255 156 102);
|
|
399
|
+
--color-brand-400: rgb(255 105 46);
|
|
400
|
+
--color-brand-500: rgb(255 68 5);
|
|
401
|
+
--color-brand-600: rgb(230 46 5);
|
|
402
|
+
--color-brand-700: rgb(188 27 6);
|
|
403
|
+
--color-brand-800: rgb(151 24 12);
|
|
404
|
+
--color-brand-900: rgb(119 26 13);
|
|
405
|
+
--color-brand-950: rgb(87 19 10);
|
|
406
|
+
}
|
|
407
|
+
|
|
408
|
+
.untitled-orange {
|
|
409
|
+
--color-brand-25: rgb(254 250 245);
|
|
410
|
+
--color-brand-50: rgb(254 246 238);
|
|
411
|
+
--color-brand-100: rgb(253 234 215);
|
|
412
|
+
--color-brand-200: rgb(249 219 175);
|
|
413
|
+
--color-brand-300: rgb(247 178 122);
|
|
414
|
+
--color-brand-400: rgb(243 135 68);
|
|
415
|
+
--color-brand-500: rgb(239 104 32);
|
|
416
|
+
--color-brand-600: rgb(224 79 22);
|
|
417
|
+
--color-brand-700: rgb(185 56 21);
|
|
418
|
+
--color-brand-800: rgb(147 47 25);
|
|
419
|
+
--color-brand-900: rgb(119 41 23);
|
|
420
|
+
--color-brand-950: rgb(81 28 16);
|
|
421
|
+
}
|
|
422
|
+
|
|
423
|
+
.untitled-yellow {
|
|
424
|
+
--color-brand-25: rgb(254 253 240);
|
|
425
|
+
--color-brand-50: rgb(254 251 232);
|
|
426
|
+
--color-brand-100: rgb(254 247 195);
|
|
427
|
+
--color-brand-200: rgb(254 238 149);
|
|
428
|
+
--color-brand-300: rgb(253 226 114);
|
|
429
|
+
--color-brand-400: rgb(250 197 21);
|
|
430
|
+
--color-brand-500: rgb(234 170 8);
|
|
431
|
+
--color-brand-600: rgb(202 133 4);
|
|
432
|
+
--color-brand-700: rgb(161 92 7);
|
|
433
|
+
--color-brand-800: rgb(133 74 14);
|
|
434
|
+
--color-brand-900: rgb(113 59 18);
|
|
435
|
+
--color-brand-950: rgb(84 44 13);
|
|
436
|
+
}
|
|
437
|
+
|
|
438
|
+
.untitled-gray-dark-mode {
|
|
439
|
+
--color-brand-25: rgb(250 250 250);
|
|
440
|
+
--color-brand-50: rgb(247 247 247);
|
|
441
|
+
--color-brand-100: rgb(240 240 241);
|
|
442
|
+
--color-brand-200: rgb(236 236 237);
|
|
443
|
+
--color-brand-300: rgb(206 207 210);
|
|
444
|
+
--color-brand-400: rgb(148 151 156);
|
|
445
|
+
--color-brand-500: rgb(133 136 142);
|
|
446
|
+
--color-brand-600: rgb(97 101 108);
|
|
447
|
+
--color-brand-700: rgb(55 58 65);
|
|
448
|
+
--color-brand-800: rgb(34 38 47);
|
|
449
|
+
--color-brand-900: rgb(19 22 27);
|
|
450
|
+
--color-brand-950: rgb(12 14 18);
|
|
451
|
+
}
|
|
452
|
+
|
|
453
|
+
/***************** TAILWIND COLOR ******************/
|
|
454
|
+
|
|
455
|
+
.tailwind-slate {
|
|
456
|
+
--color-brand-50: rgb(248 250 252);
|
|
457
|
+
--color-brand-100: rgb(241 245 249);
|
|
458
|
+
--color-brand-200: rgb(226 232 240);
|
|
459
|
+
--color-brand-300: rgb(203 213 225);
|
|
460
|
+
--color-brand-400: rgb(148 163 184);
|
|
461
|
+
--color-brand-500: rgb(100 116 139);
|
|
462
|
+
--color-brand-600: rgb(71 85 105);
|
|
463
|
+
--color-brand-700: rgb(51 65 85);
|
|
464
|
+
--color-brand-800: rgb(30 41 59);
|
|
465
|
+
--color-brand-900: rgb(15 23 42);
|
|
466
|
+
--color-brand-950: rgb(2 6 23);
|
|
467
|
+
}
|
|
468
|
+
.tailwind-gray {
|
|
469
|
+
--color-brand-50: rgb(249 250 251);
|
|
470
|
+
--color-brand-100: rgb(243 244 246);
|
|
471
|
+
--color-brand-200: rgb(229 231 235);
|
|
472
|
+
--color-brand-300: rgb(209 213 219);
|
|
473
|
+
--color-brand-400: rgb(156 163 175);
|
|
474
|
+
--color-brand-500: rgb(107 114 128);
|
|
475
|
+
--color-brand-600: rgb(75 85 99);
|
|
476
|
+
--color-brand-700: rgb(55 65 81);
|
|
477
|
+
--color-brand-800: rgb(31 41 55);
|
|
478
|
+
--color-brand-900: rgb(17 24 39);
|
|
479
|
+
--color-brand-950: rgb(3 7 18);
|
|
480
|
+
}
|
|
481
|
+
.tailwind-zinc {
|
|
482
|
+
--color-brand-50: rgb(250 250 250);
|
|
483
|
+
--color-brand-100: rgb(244 244 245);
|
|
484
|
+
--color-brand-200: rgb(228 228 231);
|
|
485
|
+
--color-brand-300: rgb(212 212 216);
|
|
486
|
+
--color-brand-400: rgb(161 161 170);
|
|
487
|
+
--color-brand-500: rgb(113 113 122);
|
|
488
|
+
--color-brand-600: rgb(82 82 91);
|
|
489
|
+
--color-brand-700: rgb(63 63 70);
|
|
490
|
+
--color-brand-800: rgb(39 39 42);
|
|
491
|
+
--color-brand-900: rgb(24 24 27);
|
|
492
|
+
--color-brand-950: rgb(9 9 11);
|
|
493
|
+
}
|
|
494
|
+
.tailwind-neutral {
|
|
495
|
+
--color-brand-50: rgb(250 250 250);
|
|
496
|
+
--color-brand-100: rgb(245 245 245);
|
|
497
|
+
--color-brand-200: rgb(229 229 229);
|
|
498
|
+
--color-brand-300: rgb(212 212 212);
|
|
499
|
+
--color-brand-400: rgb(163 163 163);
|
|
500
|
+
--color-brand-500: rgb(115 115 115);
|
|
501
|
+
--color-brand-600: rgb(82 82 82);
|
|
502
|
+
--color-brand-700: rgb(64 64 64);
|
|
503
|
+
--color-brand-800: rgb(38 38 38);
|
|
504
|
+
--color-brand-900: rgb(23 23 23);
|
|
505
|
+
--color-brand-950: rgb(10 10 10);
|
|
506
|
+
}
|
|
507
|
+
.tailwind-stone {
|
|
508
|
+
--color-brand-50: rgb(250 250 249);
|
|
509
|
+
--color-brand-100: rgb(245 245 244);
|
|
510
|
+
--color-brand-200: rgb(231 229 228);
|
|
511
|
+
--color-brand-300: rgb(214 211 209);
|
|
512
|
+
--color-brand-400: rgb(168 162 158);
|
|
513
|
+
--color-brand-500: rgb(120 113 108);
|
|
514
|
+
--color-brand-600: rgb(87 83 78);
|
|
515
|
+
--color-brand-700: rgb(68 64 60);
|
|
516
|
+
--color-brand-800: rgb(41 37 36);
|
|
517
|
+
--color-brand-900: rgb(28 25 23);
|
|
518
|
+
--color-brand-950: rgb(12 10 9);
|
|
519
|
+
}
|
|
520
|
+
.tailwind-red {
|
|
521
|
+
--color-brand-50: rgb(254 242 242);
|
|
522
|
+
--color-brand-100: rgb(254 226 226);
|
|
523
|
+
--color-brand-200: rgb(254 202 202);
|
|
524
|
+
--color-brand-300: rgb(252 165 165);
|
|
525
|
+
--color-brand-400: rgb(248 113 113);
|
|
526
|
+
--color-brand-500: rgb(239 68 68);
|
|
527
|
+
--color-brand-600: rgb(220 38 38);
|
|
528
|
+
--color-brand-700: rgb(185 28 28);
|
|
529
|
+
--color-brand-800: rgb(153 27 27);
|
|
530
|
+
--color-brand-900: rgb(127 29 29);
|
|
531
|
+
--color-brand-950: rgb(69 10 10);
|
|
532
|
+
}
|
|
533
|
+
.tailwind-orange {
|
|
534
|
+
--color-brand-50: rgb(255 247 237);
|
|
535
|
+
--color-brand-100: rgb(255 237 213);
|
|
536
|
+
--color-brand-200: rgb(254 215 170);
|
|
537
|
+
--color-brand-300: rgb(253 186 116);
|
|
538
|
+
--color-brand-400: rgb(251 146 60);
|
|
539
|
+
--color-brand-500: rgb(249 115 22);
|
|
540
|
+
--color-brand-600: rgb(234 88 12);
|
|
541
|
+
--color-brand-700: rgb(194 65 12);
|
|
542
|
+
--color-brand-800: rgb(154 52 18);
|
|
543
|
+
--color-brand-900: rgb(124 45 18);
|
|
544
|
+
--color-brand-950: rgb(67 20 7);
|
|
545
|
+
}
|
|
546
|
+
.tailwind-amber {
|
|
547
|
+
--color-brand-50: rgb(255 251 235);
|
|
548
|
+
--color-brand-100: rgb(254 243 199);
|
|
549
|
+
--color-brand-200: rgb(253 230 138);
|
|
550
|
+
--color-brand-300: rgb(252 211 77);
|
|
551
|
+
--color-brand-400: rgb(251 191 36);
|
|
552
|
+
--color-brand-500: rgb(245 158 11);
|
|
553
|
+
--color-brand-600: rgb(217 119 6);
|
|
554
|
+
--color-brand-700: rgb(180 83 9);
|
|
555
|
+
--color-brand-800: rgb(146 64 14);
|
|
556
|
+
--color-brand-900: rgb(120 53 15);
|
|
557
|
+
--color-brand-950: rgb(69 26 3);
|
|
558
|
+
}
|
|
559
|
+
.tailwind-yellow {
|
|
560
|
+
--color-brand-50: rgb(254 252 232);
|
|
561
|
+
--color-brand-100: rgb(254 249 195);
|
|
562
|
+
--color-brand-200: rgb(254 240 138);
|
|
563
|
+
--color-brand-300: rgb(253 224 71);
|
|
564
|
+
--color-brand-400: rgb(250 204 21);
|
|
565
|
+
--color-brand-500: rgb(234 179 8);
|
|
566
|
+
--color-brand-600: rgb(202 138 4);
|
|
567
|
+
--color-brand-700: rgb(161 98 7);
|
|
568
|
+
--color-brand-800: rgb(133 77 14);
|
|
569
|
+
--color-brand-900: rgb(113 63 18);
|
|
570
|
+
--color-brand-950: rgb(66 32 6);
|
|
571
|
+
}
|
|
572
|
+
.tailwind-lime {
|
|
573
|
+
--color-brand-50: rgb(247 254 231);
|
|
574
|
+
--color-brand-100: rgb(236 252 203);
|
|
575
|
+
--color-brand-200: rgb(217 249 157);
|
|
576
|
+
--color-brand-300: rgb(190 242 100);
|
|
577
|
+
--color-brand-400: rgb(163 230 53);
|
|
578
|
+
--color-brand-500: rgb(132 204 22);
|
|
579
|
+
--color-brand-600: rgb(101 163 13);
|
|
580
|
+
--color-brand-700: rgb(77 124 15);
|
|
581
|
+
--color-brand-800: rgb(63 98 18);
|
|
582
|
+
--color-brand-900: rgb(54 83 20);
|
|
583
|
+
--color-brand-950: rgb(26 46 5);
|
|
584
|
+
}
|
|
585
|
+
.tailwind-green {
|
|
586
|
+
--color-brand-50: rgb(240 253 244);
|
|
587
|
+
--color-brand-100: rgb(220 252 231);
|
|
588
|
+
--color-brand-200: rgb(187 247 208);
|
|
589
|
+
--color-brand-300: rgb(134 239 172);
|
|
590
|
+
--color-brand-400: rgb(74 222 128);
|
|
591
|
+
--color-brand-500: rgb(34 197 94);
|
|
592
|
+
--color-brand-600: rgb(22 163 74);
|
|
593
|
+
--color-brand-700: rgb(21 128 61);
|
|
594
|
+
--color-brand-800: rgb(22 101 52);
|
|
595
|
+
--color-brand-900: rgb(20 83 45);
|
|
596
|
+
--color-brand-950: rgb(5 46 22);
|
|
597
|
+
}
|
|
598
|
+
.tailwind-emerald {
|
|
599
|
+
--color-brand-50: rgb(236 253 245);
|
|
600
|
+
--color-brand-100: rgb(209 250 229);
|
|
601
|
+
--color-brand-200: rgb(167 243 208);
|
|
602
|
+
--color-brand-300: rgb(110 231 183);
|
|
603
|
+
--color-brand-400: rgb(52 211 153);
|
|
604
|
+
--color-brand-500: rgb(16 185 129);
|
|
605
|
+
--color-brand-600: rgb(5 150 105);
|
|
606
|
+
--color-brand-700: rgb(4 120 87);
|
|
607
|
+
--color-brand-800: rgb(6 95 70);
|
|
608
|
+
--color-brand-900: rgb(6 78 59);
|
|
609
|
+
--color-brand-950: rgb(2 44 34);
|
|
610
|
+
}
|
|
611
|
+
.tailwind-teal {
|
|
612
|
+
--color-brand-50: rgb(240 253 250);
|
|
613
|
+
--color-brand-100: rgb(204 251 241);
|
|
614
|
+
--color-brand-200: rgb(153 246 228);
|
|
615
|
+
--color-brand-300: rgb(94 234 212);
|
|
616
|
+
--color-brand-400: rgb(45 212 191);
|
|
617
|
+
--color-brand-500: rgb(20 184 166);
|
|
618
|
+
--color-brand-600: rgb(13 148 136);
|
|
619
|
+
--color-brand-700: rgb(15 118 110);
|
|
620
|
+
--color-brand-800: rgb(17 94 89);
|
|
621
|
+
--color-brand-900: rgb(19 78 74);
|
|
622
|
+
--color-brand-950: rgb(4 47 46);
|
|
623
|
+
}
|
|
624
|
+
.tailwind-cyan {
|
|
625
|
+
--color-brand-50: rgb(236 254 255);
|
|
626
|
+
--color-brand-100: rgb(207 250 254);
|
|
627
|
+
--color-brand-200: rgb(165 243 252);
|
|
628
|
+
--color-brand-300: rgb(103 232 249);
|
|
629
|
+
--color-brand-400: rgb(34 211 238);
|
|
630
|
+
--color-brand-500: rgb(6 182 212);
|
|
631
|
+
--color-brand-600: rgb(8 145 178);
|
|
632
|
+
--color-brand-700: rgb(14 116 144);
|
|
633
|
+
--color-brand-800: rgb(21 94 117);
|
|
634
|
+
--color-brand-900: rgb(22 78 99);
|
|
635
|
+
--color-brand-950: rgb(8 51 68);
|
|
636
|
+
}
|
|
637
|
+
.tailwind-sky {
|
|
638
|
+
--color-brand-50: rgb(240 249 255);
|
|
639
|
+
--color-brand-100: rgb(224 242 254);
|
|
640
|
+
--color-brand-200: rgb(186 230 253);
|
|
641
|
+
--color-brand-300: rgb(125 211 252);
|
|
642
|
+
--color-brand-400: rgb(56 189 248);
|
|
643
|
+
--color-brand-500: rgb(14 165 233);
|
|
644
|
+
--color-brand-600: rgb(2 132 199);
|
|
645
|
+
--color-brand-700: rgb(3 105 161);
|
|
646
|
+
--color-brand-800: rgb(7 89 133);
|
|
647
|
+
--color-brand-900: rgb(12 74 110);
|
|
648
|
+
--color-brand-950: rgb(8 47 73);
|
|
649
|
+
}
|
|
650
|
+
.tailwind-blue {
|
|
651
|
+
--color-brand-50: rgb(239 246 255);
|
|
652
|
+
--color-brand-100: rgb(219 234 254);
|
|
653
|
+
--color-brand-200: rgb(191 219 254);
|
|
654
|
+
--color-brand-300: rgb(147 197 253);
|
|
655
|
+
--color-brand-400: rgb(96 165 250);
|
|
656
|
+
--color-brand-500: rgb(59 130 246);
|
|
657
|
+
--color-brand-600: rgb(37 99 235);
|
|
658
|
+
--color-brand-700: rgb(29 78 216);
|
|
659
|
+
--color-brand-800: rgb(30 64 175);
|
|
660
|
+
--color-brand-900: rgb(30 58 138);
|
|
661
|
+
--color-brand-950: rgb(23 37 84);
|
|
662
|
+
}
|
|
663
|
+
.tailwind-indigo {
|
|
664
|
+
--color-brand-50: rgb(238 242 255);
|
|
665
|
+
--color-brand-100: rgb(224 231 255);
|
|
666
|
+
--color-brand-200: rgb(199 210 254);
|
|
667
|
+
--color-brand-300: rgb(165 180 252);
|
|
668
|
+
--color-brand-400: rgb(129 140 248);
|
|
669
|
+
--color-brand-500: rgb(99 102 241);
|
|
670
|
+
--color-brand-600: rgb(79 70 229);
|
|
671
|
+
--color-brand-700: rgb(67 56 202);
|
|
672
|
+
--color-brand-800: rgb(55 48 163);
|
|
673
|
+
--color-brand-900: rgb(49 46 129);
|
|
674
|
+
--color-brand-950: rgb(30 27 75);
|
|
675
|
+
}
|
|
676
|
+
.tailwind-violet {
|
|
677
|
+
--color-brand-50: rgb(245 243 255);
|
|
678
|
+
--color-brand-100: rgb(237 233 254);
|
|
679
|
+
--color-brand-200: rgb(221 214 254);
|
|
680
|
+
--color-brand-300: rgb(196 181 253);
|
|
681
|
+
--color-brand-400: rgb(167 139 250);
|
|
682
|
+
--color-brand-500: rgb(139 92 246);
|
|
683
|
+
--color-brand-600: rgb(124 58 237);
|
|
684
|
+
--color-brand-700: rgb(109 40 217);
|
|
685
|
+
--color-brand-800: rgb(91 33 182);
|
|
686
|
+
--color-brand-900: rgb(76 29 149);
|
|
687
|
+
--color-brand-950: rgb(46 16 101);
|
|
688
|
+
}
|
|
689
|
+
.tailwind-purple {
|
|
690
|
+
--color-brand-50: rgb(250 245 255);
|
|
691
|
+
--color-brand-100: rgb(243 232 255);
|
|
692
|
+
--color-brand-200: rgb(233 213 255);
|
|
693
|
+
--color-brand-300: rgb(216 180 254);
|
|
694
|
+
--color-brand-400: rgb(192 132 252);
|
|
695
|
+
--color-brand-500: rgb(168 85 247);
|
|
696
|
+
--color-brand-600: rgb(147 51 234);
|
|
697
|
+
--color-brand-700: rgb(126 34 206);
|
|
698
|
+
--color-brand-800: rgb(107 33 168);
|
|
699
|
+
--color-brand-900: rgb(88 28 135);
|
|
700
|
+
--color-brand-950: rgb(59 7 100);
|
|
701
|
+
}
|
|
702
|
+
.tailwind-fuchsia {
|
|
703
|
+
--color-brand-50: rgb(253 244 255);
|
|
704
|
+
--color-brand-100: rgb(250 232 255);
|
|
705
|
+
--color-brand-200: rgb(245 208 254);
|
|
706
|
+
--color-brand-300: rgb(240 171 252);
|
|
707
|
+
--color-brand-400: rgb(232 121 249);
|
|
708
|
+
--color-brand-500: rgb(217 70 239);
|
|
709
|
+
--color-brand-600: rgb(192 38 211);
|
|
710
|
+
--color-brand-700: rgb(162 28 175);
|
|
711
|
+
--color-brand-800: rgb(134 25 143);
|
|
712
|
+
--color-brand-900: rgb(112 26 117);
|
|
713
|
+
--color-brand-950: rgb(74 4 78);
|
|
714
|
+
}
|
|
715
|
+
.tailwind-pink {
|
|
716
|
+
--color-brand-50: rgb(253 242 248);
|
|
717
|
+
--color-brand-100: rgb(252 231 243);
|
|
718
|
+
--color-brand-200: rgb(251 207 232);
|
|
719
|
+
--color-brand-300: rgb(249 168 212);
|
|
720
|
+
--color-brand-400: rgb(244 114 182);
|
|
721
|
+
--color-brand-500: rgb(236 72 153);
|
|
722
|
+
--color-brand-600: rgb(219 39 119);
|
|
723
|
+
--color-brand-700: rgb(190 24 93);
|
|
724
|
+
--color-brand-800: rgb(157 23 77);
|
|
725
|
+
--color-brand-900: rgb(131 24 67);
|
|
726
|
+
--color-brand-950: rgb(80 7 36);
|
|
727
|
+
}
|
|
728
|
+
.tailwind-rose {
|
|
729
|
+
--color-brand-50: rgb(255 241 242);
|
|
730
|
+
--color-brand-100: rgb(255 228 230);
|
|
731
|
+
--color-brand-200: rgb(254 205 211);
|
|
732
|
+
--color-brand-300: rgb(253 164 175);
|
|
733
|
+
--color-brand-400: rgb(251 113 133);
|
|
734
|
+
--color-brand-500: rgb(244 63 94);
|
|
735
|
+
--color-brand-600: rgb(225 29 72);
|
|
736
|
+
--color-brand-700: rgb(190 18 60);
|
|
737
|
+
--color-brand-800: rgb(159 18 57);
|
|
738
|
+
--color-brand-900: rgb(136 19 55);
|
|
739
|
+
--color-brand-950: rgb(76 5 25);
|
|
740
|
+
}
|
|
741
|
+
.tailwind-light-blue {
|
|
742
|
+
--color-brand-50: rgb(240 249 255);
|
|
743
|
+
--color-brand-100: rgb(224 242 254);
|
|
744
|
+
--color-brand-200: rgb(186 230 253);
|
|
745
|
+
--color-brand-300: rgb(125 211 252);
|
|
746
|
+
--color-brand-400: rgb(56 189 248);
|
|
747
|
+
--color-brand-500: rgb(14 165 233);
|
|
748
|
+
--color-brand-600: rgb(2 132 199);
|
|
749
|
+
--color-brand-700: rgb(3 105 161);
|
|
750
|
+
--color-brand-800: rgb(7 89 133);
|
|
751
|
+
--color-brand-900: rgb(12 74 110);
|
|
752
|
+
--color-brand-950: rgb(8 47 73);
|
|
753
|
+
}
|
|
754
|
+
.tailwind-warm-gray {
|
|
755
|
+
--color-brand-50: rgb(250 250 249);
|
|
756
|
+
--color-brand-100: rgb(245 245 244);
|
|
757
|
+
--color-brand-200: rgb(231 229 228);
|
|
758
|
+
--color-brand-300: rgb(214 211 209);
|
|
759
|
+
--color-brand-400: rgb(168 162 158);
|
|
760
|
+
--color-brand-500: rgb(120 113 108);
|
|
761
|
+
--color-brand-600: rgb(87 83 78);
|
|
762
|
+
--color-brand-700: rgb(68 64 60);
|
|
763
|
+
--color-brand-800: rgb(41 37 36);
|
|
764
|
+
--color-brand-900: rgb(28 25 23);
|
|
765
|
+
--color-brand-950: rgb(12 10 9);
|
|
766
|
+
}
|
|
767
|
+
.tailwind-true-gray {
|
|
768
|
+
--color-brand-50: rgb(250 250 250);
|
|
769
|
+
--color-brand-100: rgb(245 245 245);
|
|
770
|
+
--color-brand-200: rgb(229 229 229);
|
|
771
|
+
--color-brand-300: rgb(212 212 212);
|
|
772
|
+
--color-brand-400: rgb(163 163 163);
|
|
773
|
+
--color-brand-500: rgb(115 115 115);
|
|
774
|
+
--color-brand-600: rgb(82 82 82);
|
|
775
|
+
--color-brand-700: rgb(64 64 64);
|
|
776
|
+
--color-brand-800: rgb(38 38 38);
|
|
777
|
+
--color-brand-900: rgb(23 23 23);
|
|
778
|
+
--color-brand-950: rgb(10 10 10);
|
|
779
|
+
}
|
|
780
|
+
.tailwind-cool-gray {
|
|
781
|
+
--color-brand-50: rgb(249 250 251);
|
|
782
|
+
--color-brand-100: rgb(243 244 246);
|
|
783
|
+
--color-brand-200: rgb(229 231 235);
|
|
784
|
+
--color-brand-300: rgb(209 213 219);
|
|
785
|
+
--color-brand-400: rgb(156 163 175);
|
|
786
|
+
--color-brand-500: rgb(107 114 128);
|
|
787
|
+
--color-brand-600: rgb(75 85 99);
|
|
788
|
+
--color-brand-700: rgb(55 65 81);
|
|
789
|
+
--color-brand-800: rgb(31 41 55);
|
|
790
|
+
--color-brand-900: rgb(17 24 39);
|
|
791
|
+
--color-brand-950: rgb(3 7 18);
|
|
792
|
+
}
|
|
793
|
+
.tailwind-blue-gray {
|
|
794
|
+
--color-brand-50: rgb(248 250 252);
|
|
795
|
+
--color-brand-100: rgb(241 245 249);
|
|
796
|
+
--color-brand-200: rgb(226 232 240);
|
|
797
|
+
--color-brand-300: rgb(203 213 225);
|
|
798
|
+
--color-brand-400: rgb(148 163 184);
|
|
799
|
+
--color-brand-500: rgb(100 116 139);
|
|
800
|
+
--color-brand-600: rgb(71 85 105);
|
|
801
|
+
--color-brand-700: rgb(51 65 85);
|
|
802
|
+
--color-brand-800: rgb(30 41 59);
|
|
803
|
+
--color-brand-900: rgb(15 23 42);
|
|
804
|
+
--color-brand-950: rgb(2 6 23);
|
|
805
|
+
}
|