tokens.css 1.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. /* @docs https://tailwindcss.com/docs/theme theme: */
  2. /* stylelint-disable custom-property-empty-line-before */
  3. @theme {
  4. --color-alpha-900: #000a;
  5. --color-black: #000;
  6. --color-white: #fff;
  7. --color-neutral-50: #fafafa;
  8. --color-neutral-100: #e5e5e5;
  9. --color-neutral-200: #e3e3e3;
  10. --color-neutral-300: #dcdcdc;
  11. --color-neutral-400: #d1d1d1;
  12. --color-neutral-500: #999;
  13. --color-neutral-950: #191919;
  14. --color-gray-100: #585856;
  15. --color-gray-200: #535355;
  16. --color-gray-300: #434141;
  17. --color-gray-400: #3f3f41;
  18. --color-gray-500: #323234;
  19. --color-gray-600: #2c2c2d;
  20. --color-gray-700: #262627;
  21. --color-gray-800: #212122;
  22. --color-gray-900: #202021;
  23. --color-stone-200: #a0a3a6;
  24. --color-stone-400: #6f7071;
  25. --color-stone-500: #4b5058;
  26. --color-stone-700: #383b41;
  27. --color-blue-50: #f9fafb;
  28. --color-blue-100: #e5f0f5;
  29. --color-blue-200: #edf1f2;
  30. --color-blue-300: #d4e2e9;
  31. --color-blue-400: #c9e1ea;
  32. --color-blue-500: #c0dde6;
  33. --color-blue-600: #7fd4f1;
  34. --color-blue-700: #49a9ca;
  35. --color-blue-800: #23a2cd;
  36. --color-blue-900: #045972;
  37. --color-blue-950: #063849;
  38. --color-green-100: #eff0f1;
  39. --color-green-200: #bcced2;
  40. --color-green-300: #bbe0cb;
  41. --color-green-400: #38ad69;
  42. --color-green-500: #36af6a;
  43. --color-green-900: #07341a;
  44. --color-yellow-50: #fff6da;
  45. --color-yellow-200: #ffd44c;
  46. --color-yellow-300: #ffce33;
  47. --color-yellow-500: #faab00;
  48. --color-yellow-600: #f39804;
  49. --color-yellow-700: #f38612;
  50. --color-yellow-800: #4a3300;
  51. --color-yellow-900: #453914;
  52. --color-red-50: #faefd6;
  53. --color-red-300: #f35912;
  54. --color-red-400: #e9613a;
  55. --color-red-500: #e54011;
  56. --color-red-600: #86270c;
  57. --color-red-900: #220c06;
  58. --color-pink-100: #efd9d2;
  59. --color-pink-300: #ea4d84;
  60. --color-pink-500: #ff006b;
  61. --width-150: 600px;
  62. --min-width-58: 232px;
  63. --min-width-150: 600px;
  64. --max-width: 600px;
  65. --grid-template-columns-2-uneven: repeat(2, minmax(0, 1fr));
  66. --z-index-60: 60;
  67. }