tailwind-preset.d.ts 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414
  1. /** @type {import('tailwindcss').Config} */
  2. export declare const tailwindPreset: {
  3. theme: {
  4. extend: {
  5. darkMode: string;
  6. fontFamily: {
  7. primary: string;
  8. title: string;
  9. };
  10. colors: {
  11. primary: {
  12. DEFAULT: string;
  13. dark: string;
  14. variation: string;
  15. 'variation-dark': string;
  16. };
  17. secondary: {
  18. DEFAULT: string;
  19. dark: string;
  20. };
  21. background: {
  22. DEFAULT: string;
  23. dark: string;
  24. };
  25. surface: {
  26. DEFAULT: string;
  27. variation: string;
  28. dark: string;
  29. 'variation-dark': string;
  30. };
  31. accent: {
  32. DEFAULT: string;
  33. dark: string;
  34. };
  35. on: {
  36. primary: string;
  37. 'primary-variation': string;
  38. secondary: string;
  39. 'secondary-variation': string;
  40. accent: string;
  41. background: string;
  42. 'background-variation': string;
  43. surface: string;
  44. 'surface-variation': string;
  45. 'primary-dark': string;
  46. 'primary-variation-dark': string;
  47. 'secondary-dark': string;
  48. 'secondary-variation-dark': string;
  49. 'accent-dark': string;
  50. 'background-dark': string;
  51. 'background-variation-dark': string;
  52. 'surface-dark': string;
  53. 'surface-variation-dark': string;
  54. };
  55. inherit: "inherit";
  56. current: "currentColor";
  57. transparent: "transparent";
  58. black: "#000";
  59. white: "#fff";
  60. slate: {
  61. '50': "#f8fafc";
  62. '100': "#f1f5f9";
  63. '200': "#e2e8f0";
  64. '300': "#cbd5e1";
  65. '400': "#94a3b8";
  66. '500': "#64748b";
  67. '600': "#475569";
  68. '700': "#334155";
  69. '800': "#1e293b";
  70. '900': "#0f172a";
  71. '950': "#020617";
  72. };
  73. gray: {
  74. '50': "#f9fafb";
  75. '100': "#f3f4f6";
  76. '200': "#e5e7eb";
  77. '300': "#d1d5db";
  78. '400': "#9ca3af";
  79. '500': "#6b7280";
  80. '600': "#4b5563";
  81. '700': "#374151";
  82. '800': "#1f2937";
  83. '900': "#111827";
  84. '950': "#030712";
  85. };
  86. zinc: {
  87. '50': "#fafafa";
  88. '100': "#f4f4f5";
  89. '200': "#e4e4e7";
  90. '300': "#d4d4d8";
  91. '400': "#a1a1aa";
  92. '500': "#71717a";
  93. '600': "#52525b";
  94. '700': "#3f3f46";
  95. '800': "#27272a";
  96. '900': "#18181b";
  97. '950': "#09090b";
  98. };
  99. neutral: {
  100. '50': "#fafafa";
  101. '100': "#f5f5f5";
  102. '200': "#e5e5e5";
  103. '300': "#d4d4d4";
  104. '400': "#a3a3a3";
  105. '500': "#737373";
  106. '600': "#525252";
  107. '700': "#404040";
  108. '800': "#262626";
  109. '900': "#171717";
  110. '950': "#0a0a0a";
  111. };
  112. stone: {
  113. '50': "#fafaf9";
  114. '100': "#f5f5f4";
  115. '200': "#e7e5e4";
  116. '300': "#d6d3d1";
  117. '400': "#a8a29e";
  118. '500': "#78716c";
  119. '600': "#57534e";
  120. '700': "#44403c";
  121. '800': "#292524";
  122. '900': "#1c1917";
  123. '950': "#0c0a09";
  124. };
  125. red: {
  126. '50': "#fef2f2";
  127. '100': "#fee2e2";
  128. '200': "#fecaca";
  129. '300': "#fca5a5";
  130. '400': "#f87171";
  131. '500': "#ef4444";
  132. '600': "#dc2626";
  133. '700': "#b91c1c";
  134. '800': "#991b1b";
  135. '900': "#7f1d1d";
  136. '950': "#450a0a";
  137. };
  138. orange: {
  139. '50': "#fff7ed";
  140. '100': "#ffedd5";
  141. '200': "#fed7aa";
  142. '300': "#fdba74";
  143. '400': "#fb923c";
  144. '500': "#f97316";
  145. '600': "#ea580c";
  146. '700': "#c2410c";
  147. '800': "#9a3412";
  148. '900': "#7c2d12";
  149. '950': "#431407";
  150. };
  151. amber: {
  152. '50': "#fffbeb";
  153. '100': "#fef3c7";
  154. '200': "#fde68a";
  155. '300': "#fcd34d";
  156. '400': "#fbbf24";
  157. '500': "#f59e0b";
  158. '600': "#d97706";
  159. '700': "#b45309";
  160. '800': "#92400e";
  161. '900': "#78350f";
  162. '950': "#451a03";
  163. };
  164. yellow: {
  165. '50': "#fefce8";
  166. '100': "#fef9c3";
  167. '200': "#fef08a";
  168. '300': "#fde047";
  169. '400': "#facc15";
  170. '500': "#eab308";
  171. '600': "#ca8a04";
  172. '700': "#a16207";
  173. '800': "#854d0e";
  174. '900': "#713f12";
  175. '950': "#422006";
  176. };
  177. lime: {
  178. '50': "#f7fee7";
  179. '100': "#ecfccb";
  180. '200': "#d9f99d";
  181. '300': "#bef264";
  182. '400': "#a3e635";
  183. '500': "#84cc16";
  184. '600': "#65a30d";
  185. '700': "#4d7c0f";
  186. '800': "#3f6212";
  187. '900': "#365314";
  188. '950': "#1a2e05";
  189. };
  190. green: {
  191. '50': "#f0fdf4";
  192. '100': "#dcfce7";
  193. '200': "#bbf7d0";
  194. '300': "#86efac";
  195. '400': "#4ade80";
  196. '500': "#22c55e";
  197. '600': "#16a34a";
  198. '700': "#15803d";
  199. '800': "#166534";
  200. '900': "#14532d";
  201. '950': "#052e16";
  202. };
  203. emerald: {
  204. '50': "#ecfdf5";
  205. '100': "#d1fae5";
  206. '200': "#a7f3d0";
  207. '300': "#6ee7b7";
  208. '400': "#34d399";
  209. '500': "#10b981";
  210. '600': "#059669";
  211. '700': "#047857";
  212. '800': "#065f46";
  213. '900': "#064e3b";
  214. '950': "#022c22";
  215. };
  216. teal: {
  217. '50': "#f0fdfa";
  218. '100': "#ccfbf1";
  219. '200': "#99f6e4";
  220. '300': "#5eead4";
  221. '400': "#2dd4bf";
  222. '500': "#14b8a6";
  223. '600': "#0d9488";
  224. '700': "#0f766e";
  225. '800': "#115e59";
  226. '900': "#134e4a";
  227. '950': "#042f2e";
  228. };
  229. cyan: {
  230. '50': "#ecfeff";
  231. '100': "#cffafe";
  232. '200': "#a5f3fc";
  233. '300': "#67e8f9";
  234. '400': "#22d3ee";
  235. '500': "#06b6d4";
  236. '600': "#0891b2";
  237. '700': "#0e7490";
  238. '800': "#155e75";
  239. '900': "#164e63";
  240. '950': "#083344";
  241. };
  242. sky: {
  243. '50': "#f0f9ff";
  244. '100': "#e0f2fe";
  245. '200': "#bae6fd";
  246. '300': "#7dd3fc";
  247. '400': "#38bdf8";
  248. '500': "#0ea5e9";
  249. '600': "#0284c7";
  250. '700': "#0369a1";
  251. '800': "#075985";
  252. '900': "#0c4a6e";
  253. '950': "#082f49";
  254. };
  255. blue: {
  256. '50': "#eff6ff";
  257. '100': "#dbeafe";
  258. '200': "#bfdbfe";
  259. '300': "#93c5fd";
  260. '400': "#60a5fa";
  261. '500': "#3b82f6";
  262. '600': "#2563eb";
  263. '700': "#1d4ed8";
  264. '800': "#1e40af";
  265. '900': "#1e3a8a";
  266. '950': "#172554";
  267. };
  268. indigo: {
  269. '50': "#eef2ff";
  270. '100': "#e0e7ff";
  271. '200': "#c7d2fe";
  272. '300': "#a5b4fc";
  273. '400': "#818cf8";
  274. '500': "#6366f1";
  275. '600': "#4f46e5";
  276. '700': "#4338ca";
  277. '800': "#3730a3";
  278. '900': "#312e81";
  279. '950': "#1e1b4b";
  280. };
  281. violet: {
  282. '50': "#f5f3ff";
  283. '100': "#ede9fe";
  284. '200': "#ddd6fe";
  285. '300': "#c4b5fd";
  286. '400': "#a78bfa";
  287. '500': "#8b5cf6";
  288. '600': "#7c3aed";
  289. '700': "#6d28d9";
  290. '800': "#5b21b6";
  291. '900': "#4c1d95";
  292. '950': "#2e1065";
  293. };
  294. purple: {
  295. '50': "#faf5ff";
  296. '100': "#f3e8ff";
  297. '200': "#e9d5ff";
  298. '300': "#d8b4fe";
  299. '400': "#c084fc";
  300. '500': "#a855f7";
  301. '600': "#9333ea";
  302. '700': "#7e22ce";
  303. '800': "#6b21a8";
  304. '900': "#581c87";
  305. '950': "#3b0764";
  306. };
  307. fuchsia: {
  308. '50': "#fdf4ff";
  309. '100': "#fae8ff";
  310. '200': "#f5d0fe";
  311. '300': "#f0abfc";
  312. '400': "#e879f9";
  313. '500': "#d946ef";
  314. '600': "#c026d3";
  315. '700': "#a21caf";
  316. '800': "#86198f";
  317. '900': "#701a75";
  318. '950': "#4a044e";
  319. };
  320. pink: {
  321. '50': "#fdf2f8";
  322. '100': "#fce7f3";
  323. '200': "#fbcfe8";
  324. '300': "#f9a8d4";
  325. '400': "#f472b6";
  326. '500': "#ec4899";
  327. '600': "#db2777";
  328. '700': "#be185d";
  329. '800': "#9d174d";
  330. '900': "#831843";
  331. '950': "#500724";
  332. };
  333. rose: {
  334. '50': "#fff1f2";
  335. '100': "#ffe4e6";
  336. '200': "#fecdd3";
  337. '300': "#fda4af";
  338. '400': "#fb7185";
  339. '500': "#f43f5e";
  340. '600': "#e11d48";
  341. '700': "#be123c";
  342. '800': "#9f1239";
  343. '900': "#881337";
  344. '950': "#4c0519";
  345. };
  346. lightBlue: {
  347. '50': "#f0f9ff";
  348. '100': "#e0f2fe";
  349. '200': "#bae6fd";
  350. '300': "#7dd3fc";
  351. '400': "#38bdf8";
  352. '500': "#0ea5e9";
  353. '600': "#0284c7";
  354. '700': "#0369a1";
  355. '800': "#075985";
  356. '900': "#0c4a6e";
  357. '950': "#082f49";
  358. };
  359. warmGray: {
  360. '50': "#fafaf9";
  361. '100': "#f5f5f4";
  362. '200': "#e7e5e4";
  363. '300': "#d6d3d1";
  364. '400': "#a8a29e";
  365. '500': "#78716c";
  366. '600': "#57534e";
  367. '700': "#44403c";
  368. '800': "#292524";
  369. '900': "#1c1917";
  370. '950': "#0c0a09";
  371. };
  372. trueGray: {
  373. '50': "#fafafa";
  374. '100': "#f5f5f5";
  375. '200': "#e5e5e5";
  376. '300': "#d4d4d4";
  377. '400': "#a3a3a3";
  378. '500': "#737373";
  379. '600': "#525252";
  380. '700': "#404040";
  381. '800': "#262626";
  382. '900': "#171717";
  383. '950': "#0a0a0a";
  384. };
  385. coolGray: {
  386. '50': "#f9fafb";
  387. '100': "#f3f4f6";
  388. '200': "#e5e7eb";
  389. '300': "#d1d5db";
  390. '400': "#9ca3af";
  391. '500': "#6b7280";
  392. '600': "#4b5563";
  393. '700': "#374151";
  394. '800': "#1f2937";
  395. '900': "#111827";
  396. '950': "#030712";
  397. };
  398. blueGray: {
  399. '50': "#f8fafc";
  400. '100': "#f1f5f9";
  401. '200': "#e2e8f0";
  402. '300': "#cbd5e1";
  403. '400': "#94a3b8";
  404. '500': "#64748b";
  405. '600': "#475569";
  406. '700': "#334155";
  407. '800': "#1e293b";
  408. '900': "#0f172a";
  409. '950': "#020617";
  410. };
  411. };
  412. };
  413. };
  414. };