tailwind-preset.d.ts 13 KB

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