UNPKG

7.65 kBTypeScriptView Raw
1/**
2 * [[include:src/colors/README.md]]
3 *
4 * @packageDocumentation
5 * @module twind/colors
6 */
7declare const black = "#000";
8declare const white = "#fff";
9declare const rose: {
10 readonly 50: "#fff1f2";
11 readonly 100: "#ffe4e6";
12 readonly 200: "#fecdd3";
13 readonly 300: "#fda4af";
14 readonly 400: "#fb7185";
15 readonly 500: "#f43f5e";
16 readonly 600: "#e11d48";
17 readonly 700: "#be123c";
18 readonly 800: "#9f1239";
19 readonly 900: "#881337";
20};
21declare const pink: {
22 readonly 50: "#fdf2f8";
23 readonly 100: "#fce7f3";
24 readonly 200: "#fbcfe8";
25 readonly 300: "#f9a8d4";
26 readonly 400: "#f472b6";
27 readonly 500: "#ec4899";
28 readonly 600: "#db2777";
29 readonly 700: "#be185d";
30 readonly 800: "#9d174d";
31 readonly 900: "#831843";
32};
33declare const fuchsia: {
34 readonly 50: "#fdf4ff";
35 readonly 100: "#fae8ff";
36 readonly 200: "#f5d0fe";
37 readonly 300: "#f0abfc";
38 readonly 400: "#e879f9";
39 readonly 500: "#d946ef";
40 readonly 600: "#c026d3";
41 readonly 700: "#a21caf";
42 readonly 800: "#86198f";
43 readonly 900: "#701a75";
44};
45declare const purple: {
46 readonly 50: "#faf5ff";
47 readonly 100: "#f3e8ff";
48 readonly 200: "#e9d5ff";
49 readonly 300: "#d8b4fe";
50 readonly 400: "#c084fc";
51 readonly 500: "#a855f7";
52 readonly 600: "#9333ea";
53 readonly 700: "#7e22ce";
54 readonly 800: "#6b21a8";
55 readonly 900: "#581c87";
56};
57declare const violet: {
58 readonly 50: "#f5f3ff";
59 readonly 100: "#ede9fe";
60 readonly 200: "#ddd6fe";
61 readonly 300: "#c4b5fd";
62 readonly 400: "#a78bfa";
63 readonly 500: "#8b5cf6";
64 readonly 600: "#7c3aed";
65 readonly 700: "#6d28d9";
66 readonly 800: "#5b21b6";
67 readonly 900: "#4c1d95";
68};
69declare const indigo: {
70 readonly 50: "#eef2ff";
71 readonly 100: "#e0e7ff";
72 readonly 200: "#c7d2fe";
73 readonly 300: "#a5b4fc";
74 readonly 400: "#818cf8";
75 readonly 500: "#6366f1";
76 readonly 600: "#4f46e5";
77 readonly 700: "#4338ca";
78 readonly 800: "#3730a3";
79 readonly 900: "#312e81";
80};
81declare const blue: {
82 readonly 50: "#eff6ff";
83 readonly 100: "#dbeafe";
84 readonly 200: "#bfdbfe";
85 readonly 300: "#93c5fd";
86 readonly 400: "#60a5fa";
87 readonly 500: "#3b82f6";
88 readonly 600: "#2563eb";
89 readonly 700: "#1d4ed8";
90 readonly 800: "#1e40af";
91 readonly 900: "#1e3a8a";
92};
93declare const lightBlue: {
94 readonly 50: "#f0f9ff";
95 readonly 100: "#e0f2fe";
96 readonly 200: "#bae6fd";
97 readonly 300: "#7dd3fc";
98 readonly 400: "#38bdf8";
99 readonly 500: "#0ea5e9";
100 readonly 600: "#0284c7";
101 readonly 700: "#0369a1";
102 readonly 800: "#075985";
103 readonly 900: "#0c4a6e";
104};
105declare const cyan: {
106 readonly 50: "#ecfeff";
107 readonly 100: "#cffafe";
108 readonly 200: "#a5f3fc";
109 readonly 300: "#67e8f9";
110 readonly 400: "#22d3ee";
111 readonly 500: "#06b6d4";
112 readonly 600: "#0891b2";
113 readonly 700: "#0e7490";
114 readonly 800: "#155e75";
115 readonly 900: "#164e63";
116};
117declare const sky: {
118 readonly 50: "#f0f9ff";
119 readonly 100: "#e0f2fe";
120 readonly 200: "#bae6fd";
121 readonly 300: "#7dd3fc";
122 readonly 400: "#38bdf8";
123 readonly 500: "#0ea5e9";
124 readonly 600: "#0284c7";
125 readonly 700: "#0369a1";
126 readonly 800: "#075985";
127 readonly 900: "#0c4a6e";
128};
129declare const teal: {
130 readonly 50: "#f0fdfa";
131 readonly 100: "#ccfbf1";
132 readonly 200: "#99f6e4";
133 readonly 300: "#5eead4";
134 readonly 400: "#2dd4bf";
135 readonly 500: "#14b8a6";
136 readonly 600: "#0d9488";
137 readonly 700: "#0f766e";
138 readonly 800: "#115e59";
139 readonly 900: "#134e4a";
140};
141declare const emerald: {
142 readonly 50: "#ecfdf5";
143 readonly 100: "#d1fae5";
144 readonly 200: "#a7f3d0";
145 readonly 300: "#6ee7b7";
146 readonly 400: "#34d399";
147 readonly 500: "#10b981";
148 readonly 600: "#059669";
149 readonly 700: "#047857";
150 readonly 800: "#065f46";
151 readonly 900: "#064e3b";
152};
153declare const green: {
154 readonly 50: "#f0fdf4";
155 readonly 100: "#dcfce7";
156 readonly 200: "#bbf7d0";
157 readonly 300: "#86efac";
158 readonly 400: "#4ade80";
159 readonly 500: "#22c55e";
160 readonly 600: "#16a34a";
161 readonly 700: "#15803d";
162 readonly 800: "#166534";
163 readonly 900: "#14532d";
164};
165declare const lime: {
166 readonly 50: "#f7fee7";
167 readonly 100: "#ecfccb";
168 readonly 200: "#d9f99d";
169 readonly 300: "#bef264";
170 readonly 400: "#a3e635";
171 readonly 500: "#84cc16";
172 readonly 600: "#65a30d";
173 readonly 700: "#4d7c0f";
174 readonly 800: "#3f6212";
175 readonly 900: "#365314";
176};
177declare const yellow: {
178 readonly 50: "#fefce8";
179 readonly 100: "#fef9c3";
180 readonly 200: "#fef08a";
181 readonly 300: "#fde047";
182 readonly 400: "#facc15";
183 readonly 500: "#eab308";
184 readonly 600: "#ca8a04";
185 readonly 700: "#a16207";
186 readonly 800: "#854d0e";
187 readonly 900: "#713f12";
188};
189declare const amber: {
190 readonly 50: "#fffbeb";
191 readonly 100: "#fef3c7";
192 readonly 200: "#fde68a";
193 readonly 300: "#fcd34d";
194 readonly 400: "#fbbf24";
195 readonly 500: "#f59e0b";
196 readonly 600: "#d97706";
197 readonly 700: "#b45309";
198 readonly 800: "#92400e";
199 readonly 900: "#78350f";
200};
201declare const orange: {
202 readonly 50: "#fff7ed";
203 readonly 100: "#ffedd5";
204 readonly 200: "#fed7aa";
205 readonly 300: "#fdba74";
206 readonly 400: "#fb923c";
207 readonly 500: "#f97316";
208 readonly 600: "#ea580c";
209 readonly 700: "#c2410c";
210 readonly 800: "#9a3412";
211 readonly 900: "#7c2d12";
212};
213declare const red: {
214 readonly 50: "#fef2f2";
215 readonly 100: "#fee2e2";
216 readonly 200: "#fecaca";
217 readonly 300: "#fca5a5";
218 readonly 400: "#f87171";
219 readonly 500: "#ef4444";
220 readonly 600: "#dc2626";
221 readonly 700: "#b91c1c";
222 readonly 800: "#991b1b";
223 readonly 900: "#7f1d1d";
224};
225declare const warmGray: {
226 readonly 50: "#fafaf9";
227 readonly 100: "#f5f5f4";
228 readonly 200: "#e7e5e4";
229 readonly 300: "#d6d3d1";
230 readonly 400: "#a8a29e";
231 readonly 500: "#78716c";
232 readonly 600: "#57534e";
233 readonly 700: "#44403c";
234 readonly 800: "#292524";
235 readonly 900: "#1c1917";
236};
237declare const trueGray: {
238 readonly 50: "#fafafa";
239 readonly 100: "#f5f5f5";
240 readonly 200: "#e5e5e5";
241 readonly 300: "#d4d4d4";
242 readonly 400: "#a3a3a3";
243 readonly 500: "#737373";
244 readonly 600: "#525252";
245 readonly 700: "#404040";
246 readonly 800: "#262626";
247 readonly 900: "#171717";
248};
249declare const gray: {
250 readonly 50: "#fafafa";
251 readonly 100: "#f4f4f5";
252 readonly 200: "#e4e4e7";
253 readonly 300: "#d4d4d8";
254 readonly 400: "#a1a1aa";
255 readonly 500: "#71717a";
256 readonly 600: "#52525b";
257 readonly 700: "#3f3f46";
258 readonly 800: "#27272a";
259 readonly 900: "#18181b";
260};
261declare const coolGray: {
262 readonly 50: "#f9fafb";
263 readonly 100: "#f3f4f6";
264 readonly 200: "#e5e7eb";
265 readonly 300: "#d1d5db";
266 readonly 400: "#9ca3af";
267 readonly 500: "#6b7280";
268 readonly 600: "#4b5563";
269 readonly 700: "#374151";
270 readonly 800: "#1f2937";
271 readonly 900: "#111827";
272};
273declare const blueGray: {
274 readonly 50: "#f8fafc";
275 readonly 100: "#f1f5f9";
276 readonly 200: "#e2e8f0";
277 readonly 300: "#cbd5e1";
278 readonly 400: "#94a3b8";
279 readonly 500: "#64748b";
280 readonly 600: "#475569";
281 readonly 700: "#334155";
282 readonly 800: "#1e293b";
283 readonly 900: "#0f172a";
284};
285
286export { amber, black, blue, blueGray, coolGray, cyan, emerald, fuchsia, gray, green, indigo, lightBlue, lime, orange, pink, purple, red, rose, sky, teal, trueGray, violet, warmGray, white, yellow };
287//# sourceMappingURL=colors.d.ts.map