scrollbar-color
用于控制元素滚动条颜色的工具类。
快速参考
| 类 | 属性 |
|---|---|
scrollbar-thumb-inherit | --tw-scrollbar-thumb: inherit; scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-current | --tw-scrollbar-thumb: currentColor; scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-transparent | --tw-scrollbar-thumb: transparent; scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-black | --tw-scrollbar-thumb: var(--color-black); /* #000 */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-white | --tw-scrollbar-thumb: var(--color-white); /* #fff */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-red-50 | --tw-scrollbar-thumb: var(--color-red-50); /* oklch(97.1% 0.013 17.38) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-red-100 | --tw-scrollbar-thumb: var(--color-red-100); /* oklch(93.6% 0.032 17.717) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-red-200 | --tw-scrollbar-thumb: var(--color-red-200); /* oklch(88.5% 0.062 18.334) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-red-300 | --tw-scrollbar-thumb: var(--color-red-300); /* oklch(80.8% 0.114 19.571) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-red-400 | --tw-scrollbar-thumb: var(--color-red-400); /* oklch(70.4% 0.191 22.216) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-red-500 | --tw-scrollbar-thumb: var(--color-red-500); /* oklch(63.7% 0.237 25.331) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-red-600 | --tw-scrollbar-thumb: var(--color-red-600); /* oklch(57.7% 0.245 27.325) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-red-700 | --tw-scrollbar-thumb: var(--color-red-700); /* oklch(50.5% 0.213 27.518) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-red-800 | --tw-scrollbar-thumb: var(--color-red-800); /* oklch(44.4% 0.177 26.899) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-red-900 | --tw-scrollbar-thumb: var(--color-red-900); /* oklch(39.6% 0.141 25.723) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-red-950 | --tw-scrollbar-thumb: var(--color-red-950); /* oklch(25.8% 0.092 26.042) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-orange-50 | --tw-scrollbar-thumb: var(--color-orange-50); /* oklch(98% 0.016 73.684) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-orange-100 | --tw-scrollbar-thumb: var(--color-orange-100); /* oklch(95.4% 0.038 75.164) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-orange-200 | --tw-scrollbar-thumb: var(--color-orange-200); /* oklch(90.1% 0.076 70.697) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-orange-300 | --tw-scrollbar-thumb: var(--color-orange-300); /* oklch(83.7% 0.128 66.29) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-orange-400 | --tw-scrollbar-thumb: var(--color-orange-400); /* oklch(75% 0.183 55.934) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-orange-500 | --tw-scrollbar-thumb: var(--color-orange-500); /* oklch(70.5% 0.213 47.604) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-orange-600 | --tw-scrollbar-thumb: var(--color-orange-600); /* oklch(64.6% 0.222 41.116) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-orange-700 | --tw-scrollbar-thumb: var(--color-orange-700); /* oklch(55.3% 0.195 38.402) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-orange-800 | --tw-scrollbar-thumb: var(--color-orange-800); /* oklch(47% 0.157 37.304) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-orange-900 | --tw-scrollbar-thumb: var(--color-orange-900); /* oklch(40.8% 0.123 38.172) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-orange-950 | --tw-scrollbar-thumb: var(--color-orange-950); /* oklch(26.6% 0.079 36.259) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-amber-50 | --tw-scrollbar-thumb: var(--color-amber-50); /* oklch(98.7% 0.022 95.277) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-amber-100 | --tw-scrollbar-thumb: var(--color-amber-100); /* oklch(96.2% 0.059 95.617) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-amber-200 | --tw-scrollbar-thumb: var(--color-amber-200); /* oklch(92.4% 0.12 95.746) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-amber-300 | --tw-scrollbar-thumb: var(--color-amber-300); /* oklch(87.9% 0.169 91.605) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-amber-400 | --tw-scrollbar-thumb: var(--color-amber-400); /* oklch(82.8% 0.189 84.429) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-amber-500 | --tw-scrollbar-thumb: var(--color-amber-500); /* oklch(76.9% 0.188 70.08) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-amber-600 | --tw-scrollbar-thumb: var(--color-amber-600); /* oklch(66.6% 0.179 58.318) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-amber-700 | --tw-scrollbar-thumb: var(--color-amber-700); /* oklch(55.5% 0.163 48.998) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-amber-800 | --tw-scrollbar-thumb: var(--color-amber-800); /* oklch(47.3% 0.137 46.201) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-amber-900 | --tw-scrollbar-thumb: var(--color-amber-900); /* oklch(41.4% 0.112 45.904) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-amber-950 | --tw-scrollbar-thumb: var(--color-amber-950); /* oklch(27.9% 0.077 45.635) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-yellow-50 | --tw-scrollbar-thumb: var(--color-yellow-50); /* oklch(98.7% 0.026 102.212) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-yellow-100 | --tw-scrollbar-thumb: var(--color-yellow-100); /* oklch(97.3% 0.071 103.193) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-yellow-200 | --tw-scrollbar-thumb: var(--color-yellow-200); /* oklch(94.5% 0.129 101.54) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-yellow-300 | --tw-scrollbar-thumb: var(--color-yellow-300); /* oklch(90.5% 0.182 98.111) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-yellow-400 | --tw-scrollbar-thumb: var(--color-yellow-400); /* oklch(85.2% 0.199 91.936) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-yellow-500 | --tw-scrollbar-thumb: var(--color-yellow-500); /* oklch(79.5% 0.184 86.047) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-yellow-600 | --tw-scrollbar-thumb: var(--color-yellow-600); /* oklch(68.1% 0.162 75.834) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-yellow-700 | --tw-scrollbar-thumb: var(--color-yellow-700); /* oklch(55.4% 0.135 66.442) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-yellow-800 | --tw-scrollbar-thumb: var(--color-yellow-800); /* oklch(47.6% 0.114 61.907) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-yellow-900 | --tw-scrollbar-thumb: var(--color-yellow-900); /* oklch(42.1% 0.095 57.708) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-yellow-950 | --tw-scrollbar-thumb: var(--color-yellow-950); /* oklch(28.6% 0.066 53.813) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-lime-50 | --tw-scrollbar-thumb: var(--color-lime-50); /* oklch(98.6% 0.031 120.757) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-lime-100 | --tw-scrollbar-thumb: var(--color-lime-100); /* oklch(96.7% 0.067 122.328) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-lime-200 | --tw-scrollbar-thumb: var(--color-lime-200); /* oklch(93.8% 0.127 124.321) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-lime-300 | --tw-scrollbar-thumb: var(--color-lime-300); /* oklch(89.7% 0.196 126.665) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-lime-400 | --tw-scrollbar-thumb: var(--color-lime-400); /* oklch(84.1% 0.238 128.85) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-lime-500 | --tw-scrollbar-thumb: var(--color-lime-500); /* oklch(76.8% 0.233 130.85) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-lime-600 | --tw-scrollbar-thumb: var(--color-lime-600); /* oklch(64.8% 0.2 131.684) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-lime-700 | --tw-scrollbar-thumb: var(--color-lime-700); /* oklch(53.2% 0.157 131.589) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-lime-800 | --tw-scrollbar-thumb: var(--color-lime-800); /* oklch(45.3% 0.124 130.933) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-lime-900 | --tw-scrollbar-thumb: var(--color-lime-900); /* oklch(40.5% 0.101 131.063) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-lime-950 | --tw-scrollbar-thumb: var(--color-lime-950); /* oklch(27.4% 0.072 132.109) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-green-50 | --tw-scrollbar-thumb: var(--color-green-50); /* oklch(98.2% 0.018 155.826) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-green-100 | --tw-scrollbar-thumb: var(--color-green-100); /* oklch(96.2% 0.044 156.743) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-green-200 | --tw-scrollbar-thumb: var(--color-green-200); /* oklch(92.5% 0.084 155.995) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-green-300 | --tw-scrollbar-thumb: var(--color-green-300); /* oklch(87.1% 0.15 154.449) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-green-400 | --tw-scrollbar-thumb: var(--color-green-400); /* oklch(79.2% 0.209 151.711) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-green-500 | --tw-scrollbar-thumb: var(--color-green-500); /* oklch(72.3% 0.219 149.579) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-green-600 | --tw-scrollbar-thumb: var(--color-green-600); /* oklch(62.7% 0.194 149.214) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-green-700 | --tw-scrollbar-thumb: var(--color-green-700); /* oklch(52.7% 0.154 150.069) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-green-800 | --tw-scrollbar-thumb: var(--color-green-800); /* oklch(44.8% 0.119 151.328) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-green-900 | --tw-scrollbar-thumb: var(--color-green-900); /* oklch(39.3% 0.095 152.535) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-green-950 | --tw-scrollbar-thumb: var(--color-green-950); /* oklch(26.6% 0.065 152.934) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-emerald-50 | --tw-scrollbar-thumb: var(--color-emerald-50); /* oklch(97.9% 0.021 166.113) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-emerald-100 | --tw-scrollbar-thumb: var(--color-emerald-100); /* oklch(95% 0.052 163.051) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-emerald-200 | --tw-scrollbar-thumb: var(--color-emerald-200); /* oklch(90.5% 0.093 164.15) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-emerald-300 | --tw-scrollbar-thumb: var(--color-emerald-300); /* oklch(84.5% 0.143 164.978) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-emerald-400 | --tw-scrollbar-thumb: var(--color-emerald-400); /* oklch(76.5% 0.177 163.223) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-emerald-500 | --tw-scrollbar-thumb: var(--color-emerald-500); /* oklch(69.6% 0.17 162.48) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-emerald-600 | --tw-scrollbar-thumb: var(--color-emerald-600); /* oklch(59.6% 0.145 163.225) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-emerald-700 | --tw-scrollbar-thumb: var(--color-emerald-700); /* oklch(50.8% 0.118 165.612) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-emerald-800 | --tw-scrollbar-thumb: var(--color-emerald-800); /* oklch(43.2% 0.095 166.913) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-emerald-900 | --tw-scrollbar-thumb: var(--color-emerald-900); /* oklch(37.8% 0.077 168.94) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-emerald-950 | --tw-scrollbar-thumb: var(--color-emerald-950); /* oklch(26.2% 0.051 172.552) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-teal-50 | --tw-scrollbar-thumb: var(--color-teal-50); /* oklch(98.4% 0.014 180.72) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-teal-100 | --tw-scrollbar-thumb: var(--color-teal-100); /* oklch(95.3% 0.051 180.801) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-teal-200 | --tw-scrollbar-thumb: var(--color-teal-200); /* oklch(91% 0.096 180.426) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-teal-300 | --tw-scrollbar-thumb: var(--color-teal-300); /* oklch(85.5% 0.138 181.071) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-teal-400 | --tw-scrollbar-thumb: var(--color-teal-400); /* oklch(77.7% 0.152 181.912) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-teal-500 | --tw-scrollbar-thumb: var(--color-teal-500); /* oklch(70.4% 0.14 182.503) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-teal-600 | --tw-scrollbar-thumb: var(--color-teal-600); /* oklch(60% 0.118 184.704) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-teal-700 | --tw-scrollbar-thumb: var(--color-teal-700); /* oklch(51.1% 0.096 186.391) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-teal-800 | --tw-scrollbar-thumb: var(--color-teal-800); /* oklch(43.7% 0.078 188.216) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-teal-900 | --tw-scrollbar-thumb: var(--color-teal-900); /* oklch(38.6% 0.063 188.416) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-teal-950 | --tw-scrollbar-thumb: var(--color-teal-950); /* oklch(27.7% 0.046 192.524) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-cyan-50 | --tw-scrollbar-thumb: var(--color-cyan-50); /* oklch(98.4% 0.019 200.873) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-cyan-100 | --tw-scrollbar-thumb: var(--color-cyan-100); /* oklch(95.6% 0.045 203.388) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-cyan-200 | --tw-scrollbar-thumb: var(--color-cyan-200); /* oklch(91.7% 0.08 205.041) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-cyan-300 | --tw-scrollbar-thumb: var(--color-cyan-300); /* oklch(86.5% 0.127 207.078) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-cyan-400 | --tw-scrollbar-thumb: var(--color-cyan-400); /* oklch(78.9% 0.154 211.53) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-cyan-500 | --tw-scrollbar-thumb: var(--color-cyan-500); /* oklch(71.5% 0.143 215.221) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-cyan-600 | --tw-scrollbar-thumb: var(--color-cyan-600); /* oklch(60.9% 0.126 221.723) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-cyan-700 | --tw-scrollbar-thumb: var(--color-cyan-700); /* oklch(52% 0.105 223.128) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-cyan-800 | --tw-scrollbar-thumb: var(--color-cyan-800); /* oklch(45% 0.085 224.283) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-cyan-900 | --tw-scrollbar-thumb: var(--color-cyan-900); /* oklch(39.8% 0.07 227.392) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-cyan-950 | --tw-scrollbar-thumb: var(--color-cyan-950); /* oklch(30.2% 0.056 229.695) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-sky-50 | --tw-scrollbar-thumb: var(--color-sky-50); /* oklch(97.7% 0.013 236.62) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-sky-100 | --tw-scrollbar-thumb: var(--color-sky-100); /* oklch(95.1% 0.026 236.824) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-sky-200 | --tw-scrollbar-thumb: var(--color-sky-200); /* oklch(90.1% 0.058 230.902) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-sky-300 | --tw-scrollbar-thumb: var(--color-sky-300); /* oklch(82.8% 0.111 230.318) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-sky-400 | --tw-scrollbar-thumb: var(--color-sky-400); /* oklch(74.6% 0.16 232.661) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-sky-500 | --tw-scrollbar-thumb: var(--color-sky-500); /* oklch(68.5% 0.169 237.323) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-sky-600 | --tw-scrollbar-thumb: var(--color-sky-600); /* oklch(58.8% 0.158 241.966) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-sky-700 | --tw-scrollbar-thumb: var(--color-sky-700); /* oklch(50% 0.134 242.749) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-sky-800 | --tw-scrollbar-thumb: var(--color-sky-800); /* oklch(44.3% 0.11 240.79) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-sky-900 | --tw-scrollbar-thumb: var(--color-sky-900); /* oklch(39.1% 0.09 240.876) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-sky-950 | --tw-scrollbar-thumb: var(--color-sky-950); /* oklch(29.3% 0.066 243.157) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-blue-50 | --tw-scrollbar-thumb: var(--color-blue-50); /* oklch(97% 0.014 254.604) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-blue-100 | --tw-scrollbar-thumb: var(--color-blue-100); /* oklch(93.2% 0.032 255.585) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-blue-200 | --tw-scrollbar-thumb: var(--color-blue-200); /* oklch(88.2% 0.059 254.128) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-blue-300 | --tw-scrollbar-thumb: var(--color-blue-300); /* oklch(80.9% 0.105 251.813) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-blue-400 | --tw-scrollbar-thumb: var(--color-blue-400); /* oklch(70.7% 0.165 254.624) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-blue-500 | --tw-scrollbar-thumb: var(--color-blue-500); /* oklch(62.3% 0.214 259.815) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-blue-600 | --tw-scrollbar-thumb: var(--color-blue-600); /* oklch(54.6% 0.245 262.881) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-blue-700 | --tw-scrollbar-thumb: var(--color-blue-700); /* oklch(48.8% 0.243 264.376) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-blue-800 | --tw-scrollbar-thumb: var(--color-blue-800); /* oklch(42.4% 0.199 265.638) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-blue-900 | --tw-scrollbar-thumb: var(--color-blue-900); /* oklch(37.9% 0.146 265.522) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-blue-950 | --tw-scrollbar-thumb: var(--color-blue-950); /* oklch(28.2% 0.091 267.935) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-indigo-50 | --tw-scrollbar-thumb: var(--color-indigo-50); /* oklch(96.2% 0.018 272.314) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-indigo-100 | --tw-scrollbar-thumb: var(--color-indigo-100); /* oklch(93% 0.034 272.788) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-indigo-200 | --tw-scrollbar-thumb: var(--color-indigo-200); /* oklch(87% 0.065 274.039) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-indigo-300 | --tw-scrollbar-thumb: var(--color-indigo-300); /* oklch(78.5% 0.115 274.713) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-indigo-400 | --tw-scrollbar-thumb: var(--color-indigo-400); /* oklch(67.3% 0.182 276.935) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-indigo-500 | --tw-scrollbar-thumb: var(--color-indigo-500); /* oklch(58.5% 0.233 277.117) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-indigo-600 | --tw-scrollbar-thumb: var(--color-indigo-600); /* oklch(51.1% 0.262 276.966) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-indigo-700 | --tw-scrollbar-thumb: var(--color-indigo-700); /* oklch(45.7% 0.24 277.023) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-indigo-800 | --tw-scrollbar-thumb: var(--color-indigo-800); /* oklch(39.8% 0.195 277.366) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-indigo-900 | --tw-scrollbar-thumb: var(--color-indigo-900); /* oklch(35.9% 0.144 278.697) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-indigo-950 | --tw-scrollbar-thumb: var(--color-indigo-950); /* oklch(25.7% 0.09 281.288) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-violet-50 | --tw-scrollbar-thumb: var(--color-violet-50); /* oklch(96.9% 0.016 293.756) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-violet-100 | --tw-scrollbar-thumb: var(--color-violet-100); /* oklch(94.3% 0.029 294.588) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-violet-200 | --tw-scrollbar-thumb: var(--color-violet-200); /* oklch(89.4% 0.057 293.283) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-violet-300 | --tw-scrollbar-thumb: var(--color-violet-300); /* oklch(81.1% 0.111 293.571) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-violet-400 | --tw-scrollbar-thumb: var(--color-violet-400); /* oklch(70.2% 0.183 293.541) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-violet-500 | --tw-scrollbar-thumb: var(--color-violet-500); /* oklch(60.6% 0.25 292.717) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-violet-600 | --tw-scrollbar-thumb: var(--color-violet-600); /* oklch(54.1% 0.281 293.009) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-violet-700 | --tw-scrollbar-thumb: var(--color-violet-700); /* oklch(49.1% 0.27 292.581) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-violet-800 | --tw-scrollbar-thumb: var(--color-violet-800); /* oklch(43.2% 0.232 292.759) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-violet-900 | --tw-scrollbar-thumb: var(--color-violet-900); /* oklch(38% 0.189 293.745) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-violet-950 | --tw-scrollbar-thumb: var(--color-violet-950); /* oklch(28.3% 0.141 291.089) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-purple-50 | --tw-scrollbar-thumb: var(--color-purple-50); /* oklch(97.7% 0.014 308.299) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-purple-100 | --tw-scrollbar-thumb: var(--color-purple-100); /* oklch(94.6% 0.033 307.174) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-purple-200 | --tw-scrollbar-thumb: var(--color-purple-200); /* oklch(90.2% 0.063 306.703) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-purple-300 | --tw-scrollbar-thumb: var(--color-purple-300); /* oklch(82.7% 0.119 306.383) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-purple-400 | --tw-scrollbar-thumb: var(--color-purple-400); /* oklch(71.4% 0.203 305.504) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-purple-500 | --tw-scrollbar-thumb: var(--color-purple-500); /* oklch(62.7% 0.265 303.9) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-purple-600 | --tw-scrollbar-thumb: var(--color-purple-600); /* oklch(55.8% 0.288 302.321) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-purple-700 | --tw-scrollbar-thumb: var(--color-purple-700); /* oklch(49.6% 0.265 301.924) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-purple-800 | --tw-scrollbar-thumb: var(--color-purple-800); /* oklch(43.8% 0.218 303.724) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-purple-900 | --tw-scrollbar-thumb: var(--color-purple-900); /* oklch(38.1% 0.176 304.987) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-purple-950 | --tw-scrollbar-thumb: var(--color-purple-950); /* oklch(29.1% 0.149 302.717) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-fuchsia-50 | --tw-scrollbar-thumb: var(--color-fuchsia-50); /* oklch(97.7% 0.017 320.058) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-fuchsia-100 | --tw-scrollbar-thumb: var(--color-fuchsia-100); /* oklch(95.2% 0.037 318.852) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-fuchsia-200 | --tw-scrollbar-thumb: var(--color-fuchsia-200); /* oklch(90.3% 0.076 319.62) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-fuchsia-300 | --tw-scrollbar-thumb: var(--color-fuchsia-300); /* oklch(83.3% 0.145 321.434) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-fuchsia-400 | --tw-scrollbar-thumb: var(--color-fuchsia-400); /* oklch(74% 0.238 322.16) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-fuchsia-500 | --tw-scrollbar-thumb: var(--color-fuchsia-500); /* oklch(66.7% 0.295 322.15) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-fuchsia-600 | --tw-scrollbar-thumb: var(--color-fuchsia-600); /* oklch(59.1% 0.293 322.896) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-fuchsia-700 | --tw-scrollbar-thumb: var(--color-fuchsia-700); /* oklch(51.8% 0.253 323.949) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-fuchsia-800 | --tw-scrollbar-thumb: var(--color-fuchsia-800); /* oklch(45.2% 0.211 324.591) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-fuchsia-900 | --tw-scrollbar-thumb: var(--color-fuchsia-900); /* oklch(40.1% 0.17 325.612) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-fuchsia-950 | --tw-scrollbar-thumb: var(--color-fuchsia-950); /* oklch(29.3% 0.136 325.661) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-pink-50 | --tw-scrollbar-thumb: var(--color-pink-50); /* oklch(97.1% 0.014 343.198) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-pink-100 | --tw-scrollbar-thumb: var(--color-pink-100); /* oklch(94.8% 0.028 342.258) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-pink-200 | --tw-scrollbar-thumb: var(--color-pink-200); /* oklch(89.9% 0.061 343.231) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-pink-300 | --tw-scrollbar-thumb: var(--color-pink-300); /* oklch(82.3% 0.12 346.018) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-pink-400 | --tw-scrollbar-thumb: var(--color-pink-400); /* oklch(71.8% 0.202 349.761) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-pink-500 | --tw-scrollbar-thumb: var(--color-pink-500); /* oklch(65.6% 0.241 354.308) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-pink-600 | --tw-scrollbar-thumb: var(--color-pink-600); /* oklch(59.2% 0.249 0.584) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-pink-700 | --tw-scrollbar-thumb: var(--color-pink-700); /* oklch(52.5% 0.223 3.958) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-pink-800 | --tw-scrollbar-thumb: var(--color-pink-800); /* oklch(45.9% 0.187 3.815) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-pink-900 | --tw-scrollbar-thumb: var(--color-pink-900); /* oklch(40.8% 0.153 2.432) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-pink-950 | --tw-scrollbar-thumb: var(--color-pink-950); /* oklch(28.4% 0.109 3.907) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-rose-50 | --tw-scrollbar-thumb: var(--color-rose-50); /* oklch(96.9% 0.015 12.422) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-rose-100 | --tw-scrollbar-thumb: var(--color-rose-100); /* oklch(94.1% 0.03 12.58) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-rose-200 | --tw-scrollbar-thumb: var(--color-rose-200); /* oklch(89.2% 0.058 10.001) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-rose-300 | --tw-scrollbar-thumb: var(--color-rose-300); /* oklch(81% 0.117 11.638) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-rose-400 | --tw-scrollbar-thumb: var(--color-rose-400); /* oklch(71.2% 0.194 13.428) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-rose-500 | --tw-scrollbar-thumb: var(--color-rose-500); /* oklch(64.5% 0.246 16.439) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-rose-600 | --tw-scrollbar-thumb: var(--color-rose-600); /* oklch(58.6% 0.253 17.585) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-rose-700 | --tw-scrollbar-thumb: var(--color-rose-700); /* oklch(51.4% 0.222 16.935) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-rose-800 | --tw-scrollbar-thumb: var(--color-rose-800); /* oklch(45.5% 0.188 13.697) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-rose-900 | --tw-scrollbar-thumb: var(--color-rose-900); /* oklch(41% 0.159 10.272) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-rose-950 | --tw-scrollbar-thumb: var(--color-rose-950); /* oklch(27.1% 0.105 12.094) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-slate-50 | --tw-scrollbar-thumb: var(--color-slate-50); /* oklch(98.4% 0.003 247.858) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-slate-100 | --tw-scrollbar-thumb: var(--color-slate-100); /* oklch(96.8% 0.007 247.896) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-slate-200 | --tw-scrollbar-thumb: var(--color-slate-200); /* oklch(92.9% 0.013 255.508) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-slate-300 | --tw-scrollbar-thumb: var(--color-slate-300); /* oklch(86.9% 0.022 252.894) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-slate-400 | --tw-scrollbar-thumb: var(--color-slate-400); /* oklch(70.4% 0.04 256.788) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-slate-500 | --tw-scrollbar-thumb: var(--color-slate-500); /* oklch(55.4% 0.046 257.417) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-slate-600 | --tw-scrollbar-thumb: var(--color-slate-600); /* oklch(44.6% 0.043 257.281) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-slate-700 | --tw-scrollbar-thumb: var(--color-slate-700); /* oklch(37.2% 0.044 257.287) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-slate-800 | --tw-scrollbar-thumb: var(--color-slate-800); /* oklch(27.9% 0.041 260.031) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-slate-900 | --tw-scrollbar-thumb: var(--color-slate-900); /* oklch(20.8% 0.042 265.755) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-slate-950 | --tw-scrollbar-thumb: var(--color-slate-950); /* oklch(12.9% 0.042 264.695) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-gray-50 | --tw-scrollbar-thumb: var(--color-gray-50); /* oklch(98.5% 0.002 247.839) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-gray-100 | --tw-scrollbar-thumb: var(--color-gray-100); /* oklch(96.7% 0.003 264.542) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-gray-200 | --tw-scrollbar-thumb: var(--color-gray-200); /* oklch(92.8% 0.006 264.531) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-gray-300 | --tw-scrollbar-thumb: var(--color-gray-300); /* oklch(87.2% 0.01 258.338) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-gray-400 | --tw-scrollbar-thumb: var(--color-gray-400); /* oklch(70.7% 0.022 261.325) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-gray-500 | --tw-scrollbar-thumb: var(--color-gray-500); /* oklch(55.1% 0.027 264.364) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-gray-600 | --tw-scrollbar-thumb: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-gray-700 | --tw-scrollbar-thumb: var(--color-gray-700); /* oklch(37.3% 0.034 259.733) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-gray-800 | --tw-scrollbar-thumb: var(--color-gray-800); /* oklch(27.8% 0.033 256.848) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-gray-900 | --tw-scrollbar-thumb: var(--color-gray-900); /* oklch(21% 0.034 264.665) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-gray-950 | --tw-scrollbar-thumb: var(--color-gray-950); /* oklch(13% 0.028 261.692) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-zinc-50 | --tw-scrollbar-thumb: var(--color-zinc-50); /* oklch(98.5% 0 none) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-zinc-100 | --tw-scrollbar-thumb: var(--color-zinc-100); /* oklch(96.7% 0.001 286.375) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-zinc-200 | --tw-scrollbar-thumb: var(--color-zinc-200); /* oklch(92% 0.004 286.32) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-zinc-300 | --tw-scrollbar-thumb: var(--color-zinc-300); /* oklch(87.1% 0.006 286.286) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-zinc-400 | --tw-scrollbar-thumb: var(--color-zinc-400); /* oklch(70.5% 0.015 286.067) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-zinc-500 | --tw-scrollbar-thumb: var(--color-zinc-500); /* oklch(55.2% 0.016 285.938) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-zinc-600 | --tw-scrollbar-thumb: var(--color-zinc-600); /* oklch(44.2% 0.017 285.786) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-zinc-700 | --tw-scrollbar-thumb: var(--color-zinc-700); /* oklch(37% 0.013 285.805) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-zinc-800 | --tw-scrollbar-thumb: var(--color-zinc-800); /* oklch(27.4% 0.006 286.033) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-zinc-900 | --tw-scrollbar-thumb: var(--color-zinc-900); /* oklch(21% 0.006 285.885) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-zinc-950 | --tw-scrollbar-thumb: var(--color-zinc-950); /* oklch(14.1% 0.005 285.823) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-neutral-50 | --tw-scrollbar-thumb: var(--color-neutral-50); /* oklch(98.5% 0 none) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-neutral-100 | --tw-scrollbar-thumb: var(--color-neutral-100); /* oklch(97% 0 none) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-neutral-200 | --tw-scrollbar-thumb: var(--color-neutral-200); /* oklch(92.2% 0 none) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-neutral-300 | --tw-scrollbar-thumb: var(--color-neutral-300); /* oklch(87% 0 none) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-neutral-400 | --tw-scrollbar-thumb: var(--color-neutral-400); /* oklch(70.8% 0 none) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-neutral-500 | --tw-scrollbar-thumb: var(--color-neutral-500); /* oklch(55.6% 0 none) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-neutral-600 | --tw-scrollbar-thumb: var(--color-neutral-600); /* oklch(43.9% 0 none) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-neutral-700 | --tw-scrollbar-thumb: var(--color-neutral-700); /* oklch(37.1% 0 none) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-neutral-800 | --tw-scrollbar-thumb: var(--color-neutral-800); /* oklch(26.9% 0 none) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-neutral-900 | --tw-scrollbar-thumb: var(--color-neutral-900); /* oklch(20.5% 0 none) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-neutral-950 | --tw-scrollbar-thumb: var(--color-neutral-950); /* oklch(14.5% 0 none) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-stone-50 | --tw-scrollbar-thumb: var(--color-stone-50); /* oklch(98.5% 0.001 106.423) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-stone-100 | --tw-scrollbar-thumb: var(--color-stone-100); /* oklch(97% 0.001 106.424) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-stone-200 | --tw-scrollbar-thumb: var(--color-stone-200); /* oklch(92.3% 0.003 48.717) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-stone-300 | --tw-scrollbar-thumb: var(--color-stone-300); /* oklch(86.9% 0.005 56.366) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-stone-400 | --tw-scrollbar-thumb: var(--color-stone-400); /* oklch(70.9% 0.01 56.259) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-stone-500 | --tw-scrollbar-thumb: var(--color-stone-500); /* oklch(55.3% 0.013 58.071) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-stone-600 | --tw-scrollbar-thumb: var(--color-stone-600); /* oklch(44.4% 0.011 73.639) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-stone-700 | --tw-scrollbar-thumb: var(--color-stone-700); /* oklch(37.4% 0.01 67.558) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-stone-800 | --tw-scrollbar-thumb: var(--color-stone-800); /* oklch(26.8% 0.007 34.298) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-stone-900 | --tw-scrollbar-thumb: var(--color-stone-900); /* oklch(21.6% 0.006 56.043) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-stone-950 | --tw-scrollbar-thumb: var(--color-stone-950); /* oklch(14.7% 0.004 49.25) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-mauve-50 | --tw-scrollbar-thumb: var(--color-mauve-50); /* oklch(98.5% 0 none) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-mauve-100 | --tw-scrollbar-thumb: var(--color-mauve-100); /* oklch(96% 0.003 325.6) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-mauve-200 | --tw-scrollbar-thumb: var(--color-mauve-200); /* oklch(92.2% 0.005 325.62) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-mauve-300 | --tw-scrollbar-thumb: var(--color-mauve-300); /* oklch(86.5% 0.012 325.68) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-mauve-400 | --tw-scrollbar-thumb: var(--color-mauve-400); /* oklch(71.1% 0.019 323.02) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-mauve-500 | --tw-scrollbar-thumb: var(--color-mauve-500); /* oklch(54.2% 0.034 322.5) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-mauve-600 | --tw-scrollbar-thumb: var(--color-mauve-600); /* oklch(43.5% 0.029 321.78) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-mauve-700 | --tw-scrollbar-thumb: var(--color-mauve-700); /* oklch(36.4% 0.029 323.89) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-mauve-800 | --tw-scrollbar-thumb: var(--color-mauve-800); /* oklch(26.3% 0.024 320.12) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-mauve-900 | --tw-scrollbar-thumb: var(--color-mauve-900); /* oklch(21.2% 0.019 322.12) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-mauve-950 | --tw-scrollbar-thumb: var(--color-mauve-950); /* oklch(14.5% 0.008 326) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-olive-50 | --tw-scrollbar-thumb: var(--color-olive-50); /* oklch(98.8% 0.003 106.5) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-olive-100 | --tw-scrollbar-thumb: var(--color-olive-100); /* oklch(96.6% 0.005 106.5) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-olive-200 | --tw-scrollbar-thumb: var(--color-olive-200); /* oklch(93% 0.007 106.5) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-olive-300 | --tw-scrollbar-thumb: var(--color-olive-300); /* oklch(88% 0.011 106.6) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-olive-400 | --tw-scrollbar-thumb: var(--color-olive-400); /* oklch(73.7% 0.021 106.9) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-olive-500 | --tw-scrollbar-thumb: var(--color-olive-500); /* oklch(58% 0.031 107.3) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-olive-600 | --tw-scrollbar-thumb: var(--color-olive-600); /* oklch(46.6% 0.025 107.3) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-olive-700 | --tw-scrollbar-thumb: var(--color-olive-700); /* oklch(39.4% 0.023 107.4) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-olive-800 | --tw-scrollbar-thumb: var(--color-olive-800); /* oklch(28.6% 0.016 107.4) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-olive-900 | --tw-scrollbar-thumb: var(--color-olive-900); /* oklch(22.8% 0.013 107.4) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-olive-950 | --tw-scrollbar-thumb: var(--color-olive-950); /* oklch(15.3% 0.006 107.1) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-mist-50 | --tw-scrollbar-thumb: var(--color-mist-50); /* oklch(98.7% 0.002 197.1) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-mist-100 | --tw-scrollbar-thumb: var(--color-mist-100); /* oklch(96.3% 0.002 197.1) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-mist-200 | --tw-scrollbar-thumb: var(--color-mist-200); /* oklch(92.5% 0.005 214.3) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-mist-300 | --tw-scrollbar-thumb: var(--color-mist-300); /* oklch(87.2% 0.007 219.6) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-mist-400 | --tw-scrollbar-thumb: var(--color-mist-400); /* oklch(72.3% 0.014 214.4) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-mist-500 | --tw-scrollbar-thumb: var(--color-mist-500); /* oklch(56% 0.021 213.5) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-mist-600 | --tw-scrollbar-thumb: var(--color-mist-600); /* oklch(45% 0.017 213.2) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-mist-700 | --tw-scrollbar-thumb: var(--color-mist-700); /* oklch(37.8% 0.015 216) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-mist-800 | --tw-scrollbar-thumb: var(--color-mist-800); /* oklch(27.5% 0.011 216.9) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-mist-900 | --tw-scrollbar-thumb: var(--color-mist-900); /* oklch(21.8% 0.008 223.9) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-mist-950 | --tw-scrollbar-thumb: var(--color-mist-950); /* oklch(14.8% 0.004 228.8) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-taupe-50 | --tw-scrollbar-thumb: var(--color-taupe-50); /* oklch(98.6% 0.002 67.8) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-taupe-100 | --tw-scrollbar-thumb: var(--color-taupe-100); /* oklch(96% 0.002 17.2) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-taupe-200 | --tw-scrollbar-thumb: var(--color-taupe-200); /* oklch(92.2% 0.005 34.3) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-taupe-300 | --tw-scrollbar-thumb: var(--color-taupe-300); /* oklch(86.8% 0.007 39.5) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-taupe-400 | --tw-scrollbar-thumb: var(--color-taupe-400); /* oklch(71.4% 0.014 41.2) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-taupe-500 | --tw-scrollbar-thumb: var(--color-taupe-500); /* oklch(54.7% 0.021 43.1) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-taupe-600 | --tw-scrollbar-thumb: var(--color-taupe-600); /* oklch(43.8% 0.017 39.3) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-taupe-700 | --tw-scrollbar-thumb: var(--color-taupe-700); /* oklch(36.7% 0.016 35.7) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-taupe-800 | --tw-scrollbar-thumb: var(--color-taupe-800); /* oklch(26.8% 0.011 36.5) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-taupe-900 | --tw-scrollbar-thumb: var(--color-taupe-900); /* oklch(21.4% 0.009 43.1) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-taupe-950 | --tw-scrollbar-thumb: var(--color-taupe-950); /* oklch(14.7% 0.004 49.3) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-(<custom-property>) | --tw-scrollbar-thumb: var(<custom-property>); scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-thumb-[<value>] | --tw-scrollbar-thumb: <value>; scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-inherit | --tw-scrollbar-track: inherit; scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-current | --tw-scrollbar-track: currentColor; scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-transparent | --tw-scrollbar-track: transparent; scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-black | --tw-scrollbar-track: var(--color-black); /* #000 */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-white | --tw-scrollbar-track: var(--color-white); /* #fff */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-red-50 | --tw-scrollbar-track: var(--color-red-50); /* oklch(97.1% 0.013 17.38) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-red-100 | --tw-scrollbar-track: var(--color-red-100); /* oklch(93.6% 0.032 17.717) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-red-200 | --tw-scrollbar-track: var(--color-red-200); /* oklch(88.5% 0.062 18.334) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-red-300 | --tw-scrollbar-track: var(--color-red-300); /* oklch(80.8% 0.114 19.571) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-red-400 | --tw-scrollbar-track: var(--color-red-400); /* oklch(70.4% 0.191 22.216) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-red-500 | --tw-scrollbar-track: var(--color-red-500); /* oklch(63.7% 0.237 25.331) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-red-600 | --tw-scrollbar-track: var(--color-red-600); /* oklch(57.7% 0.245 27.325) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-red-700 | --tw-scrollbar-track: var(--color-red-700); /* oklch(50.5% 0.213 27.518) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-red-800 | --tw-scrollbar-track: var(--color-red-800); /* oklch(44.4% 0.177 26.899) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-red-900 | --tw-scrollbar-track: var(--color-red-900); /* oklch(39.6% 0.141 25.723) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-red-950 | --tw-scrollbar-track: var(--color-red-950); /* oklch(25.8% 0.092 26.042) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-orange-50 | --tw-scrollbar-track: var(--color-orange-50); /* oklch(98% 0.016 73.684) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-orange-100 | --tw-scrollbar-track: var(--color-orange-100); /* oklch(95.4% 0.038 75.164) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-orange-200 | --tw-scrollbar-track: var(--color-orange-200); /* oklch(90.1% 0.076 70.697) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-orange-300 | --tw-scrollbar-track: var(--color-orange-300); /* oklch(83.7% 0.128 66.29) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-orange-400 | --tw-scrollbar-track: var(--color-orange-400); /* oklch(75% 0.183 55.934) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-orange-500 | --tw-scrollbar-track: var(--color-orange-500); /* oklch(70.5% 0.213 47.604) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-orange-600 | --tw-scrollbar-track: var(--color-orange-600); /* oklch(64.6% 0.222 41.116) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-orange-700 | --tw-scrollbar-track: var(--color-orange-700); /* oklch(55.3% 0.195 38.402) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-orange-800 | --tw-scrollbar-track: var(--color-orange-800); /* oklch(47% 0.157 37.304) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-orange-900 | --tw-scrollbar-track: var(--color-orange-900); /* oklch(40.8% 0.123 38.172) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-orange-950 | --tw-scrollbar-track: var(--color-orange-950); /* oklch(26.6% 0.079 36.259) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-amber-50 | --tw-scrollbar-track: var(--color-amber-50); /* oklch(98.7% 0.022 95.277) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-amber-100 | --tw-scrollbar-track: var(--color-amber-100); /* oklch(96.2% 0.059 95.617) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-amber-200 | --tw-scrollbar-track: var(--color-amber-200); /* oklch(92.4% 0.12 95.746) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-amber-300 | --tw-scrollbar-track: var(--color-amber-300); /* oklch(87.9% 0.169 91.605) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-amber-400 | --tw-scrollbar-track: var(--color-amber-400); /* oklch(82.8% 0.189 84.429) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-amber-500 | --tw-scrollbar-track: var(--color-amber-500); /* oklch(76.9% 0.188 70.08) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-amber-600 | --tw-scrollbar-track: var(--color-amber-600); /* oklch(66.6% 0.179 58.318) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-amber-700 | --tw-scrollbar-track: var(--color-amber-700); /* oklch(55.5% 0.163 48.998) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-amber-800 | --tw-scrollbar-track: var(--color-amber-800); /* oklch(47.3% 0.137 46.201) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-amber-900 | --tw-scrollbar-track: var(--color-amber-900); /* oklch(41.4% 0.112 45.904) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-amber-950 | --tw-scrollbar-track: var(--color-amber-950); /* oklch(27.9% 0.077 45.635) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-yellow-50 | --tw-scrollbar-track: var(--color-yellow-50); /* oklch(98.7% 0.026 102.212) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-yellow-100 | --tw-scrollbar-track: var(--color-yellow-100); /* oklch(97.3% 0.071 103.193) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-yellow-200 | --tw-scrollbar-track: var(--color-yellow-200); /* oklch(94.5% 0.129 101.54) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-yellow-300 | --tw-scrollbar-track: var(--color-yellow-300); /* oklch(90.5% 0.182 98.111) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-yellow-400 | --tw-scrollbar-track: var(--color-yellow-400); /* oklch(85.2% 0.199 91.936) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-yellow-500 | --tw-scrollbar-track: var(--color-yellow-500); /* oklch(79.5% 0.184 86.047) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-yellow-600 | --tw-scrollbar-track: var(--color-yellow-600); /* oklch(68.1% 0.162 75.834) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-yellow-700 | --tw-scrollbar-track: var(--color-yellow-700); /* oklch(55.4% 0.135 66.442) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-yellow-800 | --tw-scrollbar-track: var(--color-yellow-800); /* oklch(47.6% 0.114 61.907) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-yellow-900 | --tw-scrollbar-track: var(--color-yellow-900); /* oklch(42.1% 0.095 57.708) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-yellow-950 | --tw-scrollbar-track: var(--color-yellow-950); /* oklch(28.6% 0.066 53.813) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-lime-50 | --tw-scrollbar-track: var(--color-lime-50); /* oklch(98.6% 0.031 120.757) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-lime-100 | --tw-scrollbar-track: var(--color-lime-100); /* oklch(96.7% 0.067 122.328) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-lime-200 | --tw-scrollbar-track: var(--color-lime-200); /* oklch(93.8% 0.127 124.321) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-lime-300 | --tw-scrollbar-track: var(--color-lime-300); /* oklch(89.7% 0.196 126.665) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-lime-400 | --tw-scrollbar-track: var(--color-lime-400); /* oklch(84.1% 0.238 128.85) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-lime-500 | --tw-scrollbar-track: var(--color-lime-500); /* oklch(76.8% 0.233 130.85) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-lime-600 | --tw-scrollbar-track: var(--color-lime-600); /* oklch(64.8% 0.2 131.684) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-lime-700 | --tw-scrollbar-track: var(--color-lime-700); /* oklch(53.2% 0.157 131.589) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-lime-800 | --tw-scrollbar-track: var(--color-lime-800); /* oklch(45.3% 0.124 130.933) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-lime-900 | --tw-scrollbar-track: var(--color-lime-900); /* oklch(40.5% 0.101 131.063) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-lime-950 | --tw-scrollbar-track: var(--color-lime-950); /* oklch(27.4% 0.072 132.109) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-green-50 | --tw-scrollbar-track: var(--color-green-50); /* oklch(98.2% 0.018 155.826) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-green-100 | --tw-scrollbar-track: var(--color-green-100); /* oklch(96.2% 0.044 156.743) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-green-200 | --tw-scrollbar-track: var(--color-green-200); /* oklch(92.5% 0.084 155.995) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-green-300 | --tw-scrollbar-track: var(--color-green-300); /* oklch(87.1% 0.15 154.449) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-green-400 | --tw-scrollbar-track: var(--color-green-400); /* oklch(79.2% 0.209 151.711) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-green-500 | --tw-scrollbar-track: var(--color-green-500); /* oklch(72.3% 0.219 149.579) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-green-600 | --tw-scrollbar-track: var(--color-green-600); /* oklch(62.7% 0.194 149.214) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-green-700 | --tw-scrollbar-track: var(--color-green-700); /* oklch(52.7% 0.154 150.069) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-green-800 | --tw-scrollbar-track: var(--color-green-800); /* oklch(44.8% 0.119 151.328) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-green-900 | --tw-scrollbar-track: var(--color-green-900); /* oklch(39.3% 0.095 152.535) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-green-950 | --tw-scrollbar-track: var(--color-green-950); /* oklch(26.6% 0.065 152.934) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-emerald-50 | --tw-scrollbar-track: var(--color-emerald-50); /* oklch(97.9% 0.021 166.113) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-emerald-100 | --tw-scrollbar-track: var(--color-emerald-100); /* oklch(95% 0.052 163.051) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-emerald-200 | --tw-scrollbar-track: var(--color-emerald-200); /* oklch(90.5% 0.093 164.15) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-emerald-300 | --tw-scrollbar-track: var(--color-emerald-300); /* oklch(84.5% 0.143 164.978) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-emerald-400 | --tw-scrollbar-track: var(--color-emerald-400); /* oklch(76.5% 0.177 163.223) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-emerald-500 | --tw-scrollbar-track: var(--color-emerald-500); /* oklch(69.6% 0.17 162.48) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-emerald-600 | --tw-scrollbar-track: var(--color-emerald-600); /* oklch(59.6% 0.145 163.225) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-emerald-700 | --tw-scrollbar-track: var(--color-emerald-700); /* oklch(50.8% 0.118 165.612) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-emerald-800 | --tw-scrollbar-track: var(--color-emerald-800); /* oklch(43.2% 0.095 166.913) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-emerald-900 | --tw-scrollbar-track: var(--color-emerald-900); /* oklch(37.8% 0.077 168.94) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-emerald-950 | --tw-scrollbar-track: var(--color-emerald-950); /* oklch(26.2% 0.051 172.552) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-teal-50 | --tw-scrollbar-track: var(--color-teal-50); /* oklch(98.4% 0.014 180.72) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-teal-100 | --tw-scrollbar-track: var(--color-teal-100); /* oklch(95.3% 0.051 180.801) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-teal-200 | --tw-scrollbar-track: var(--color-teal-200); /* oklch(91% 0.096 180.426) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-teal-300 | --tw-scrollbar-track: var(--color-teal-300); /* oklch(85.5% 0.138 181.071) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-teal-400 | --tw-scrollbar-track: var(--color-teal-400); /* oklch(77.7% 0.152 181.912) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-teal-500 | --tw-scrollbar-track: var(--color-teal-500); /* oklch(70.4% 0.14 182.503) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-teal-600 | --tw-scrollbar-track: var(--color-teal-600); /* oklch(60% 0.118 184.704) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-teal-700 | --tw-scrollbar-track: var(--color-teal-700); /* oklch(51.1% 0.096 186.391) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-teal-800 | --tw-scrollbar-track: var(--color-teal-800); /* oklch(43.7% 0.078 188.216) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-teal-900 | --tw-scrollbar-track: var(--color-teal-900); /* oklch(38.6% 0.063 188.416) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-teal-950 | --tw-scrollbar-track: var(--color-teal-950); /* oklch(27.7% 0.046 192.524) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-cyan-50 | --tw-scrollbar-track: var(--color-cyan-50); /* oklch(98.4% 0.019 200.873) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-cyan-100 | --tw-scrollbar-track: var(--color-cyan-100); /* oklch(95.6% 0.045 203.388) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-cyan-200 | --tw-scrollbar-track: var(--color-cyan-200); /* oklch(91.7% 0.08 205.041) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-cyan-300 | --tw-scrollbar-track: var(--color-cyan-300); /* oklch(86.5% 0.127 207.078) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-cyan-400 | --tw-scrollbar-track: var(--color-cyan-400); /* oklch(78.9% 0.154 211.53) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-cyan-500 | --tw-scrollbar-track: var(--color-cyan-500); /* oklch(71.5% 0.143 215.221) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-cyan-600 | --tw-scrollbar-track: var(--color-cyan-600); /* oklch(60.9% 0.126 221.723) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-cyan-700 | --tw-scrollbar-track: var(--color-cyan-700); /* oklch(52% 0.105 223.128) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-cyan-800 | --tw-scrollbar-track: var(--color-cyan-800); /* oklch(45% 0.085 224.283) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-cyan-900 | --tw-scrollbar-track: var(--color-cyan-900); /* oklch(39.8% 0.07 227.392) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-cyan-950 | --tw-scrollbar-track: var(--color-cyan-950); /* oklch(30.2% 0.056 229.695) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-sky-50 | --tw-scrollbar-track: var(--color-sky-50); /* oklch(97.7% 0.013 236.62) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-sky-100 | --tw-scrollbar-track: var(--color-sky-100); /* oklch(95.1% 0.026 236.824) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-sky-200 | --tw-scrollbar-track: var(--color-sky-200); /* oklch(90.1% 0.058 230.902) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-sky-300 | --tw-scrollbar-track: var(--color-sky-300); /* oklch(82.8% 0.111 230.318) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-sky-400 | --tw-scrollbar-track: var(--color-sky-400); /* oklch(74.6% 0.16 232.661) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-sky-500 | --tw-scrollbar-track: var(--color-sky-500); /* oklch(68.5% 0.169 237.323) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-sky-600 | --tw-scrollbar-track: var(--color-sky-600); /* oklch(58.8% 0.158 241.966) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-sky-700 | --tw-scrollbar-track: var(--color-sky-700); /* oklch(50% 0.134 242.749) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-sky-800 | --tw-scrollbar-track: var(--color-sky-800); /* oklch(44.3% 0.11 240.79) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-sky-900 | --tw-scrollbar-track: var(--color-sky-900); /* oklch(39.1% 0.09 240.876) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-sky-950 | --tw-scrollbar-track: var(--color-sky-950); /* oklch(29.3% 0.066 243.157) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-blue-50 | --tw-scrollbar-track: var(--color-blue-50); /* oklch(97% 0.014 254.604) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-blue-100 | --tw-scrollbar-track: var(--color-blue-100); /* oklch(93.2% 0.032 255.585) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-blue-200 | --tw-scrollbar-track: var(--color-blue-200); /* oklch(88.2% 0.059 254.128) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-blue-300 | --tw-scrollbar-track: var(--color-blue-300); /* oklch(80.9% 0.105 251.813) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-blue-400 | --tw-scrollbar-track: var(--color-blue-400); /* oklch(70.7% 0.165 254.624) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-blue-500 | --tw-scrollbar-track: var(--color-blue-500); /* oklch(62.3% 0.214 259.815) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-blue-600 | --tw-scrollbar-track: var(--color-blue-600); /* oklch(54.6% 0.245 262.881) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-blue-700 | --tw-scrollbar-track: var(--color-blue-700); /* oklch(48.8% 0.243 264.376) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-blue-800 | --tw-scrollbar-track: var(--color-blue-800); /* oklch(42.4% 0.199 265.638) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-blue-900 | --tw-scrollbar-track: var(--color-blue-900); /* oklch(37.9% 0.146 265.522) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-blue-950 | --tw-scrollbar-track: var(--color-blue-950); /* oklch(28.2% 0.091 267.935) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-indigo-50 | --tw-scrollbar-track: var(--color-indigo-50); /* oklch(96.2% 0.018 272.314) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-indigo-100 | --tw-scrollbar-track: var(--color-indigo-100); /* oklch(93% 0.034 272.788) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-indigo-200 | --tw-scrollbar-track: var(--color-indigo-200); /* oklch(87% 0.065 274.039) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-indigo-300 | --tw-scrollbar-track: var(--color-indigo-300); /* oklch(78.5% 0.115 274.713) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-indigo-400 | --tw-scrollbar-track: var(--color-indigo-400); /* oklch(67.3% 0.182 276.935) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-indigo-500 | --tw-scrollbar-track: var(--color-indigo-500); /* oklch(58.5% 0.233 277.117) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-indigo-600 | --tw-scrollbar-track: var(--color-indigo-600); /* oklch(51.1% 0.262 276.966) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-indigo-700 | --tw-scrollbar-track: var(--color-indigo-700); /* oklch(45.7% 0.24 277.023) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-indigo-800 | --tw-scrollbar-track: var(--color-indigo-800); /* oklch(39.8% 0.195 277.366) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-indigo-900 | --tw-scrollbar-track: var(--color-indigo-900); /* oklch(35.9% 0.144 278.697) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-indigo-950 | --tw-scrollbar-track: var(--color-indigo-950); /* oklch(25.7% 0.09 281.288) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-violet-50 | --tw-scrollbar-track: var(--color-violet-50); /* oklch(96.9% 0.016 293.756) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-violet-100 | --tw-scrollbar-track: var(--color-violet-100); /* oklch(94.3% 0.029 294.588) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-violet-200 | --tw-scrollbar-track: var(--color-violet-200); /* oklch(89.4% 0.057 293.283) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-violet-300 | --tw-scrollbar-track: var(--color-violet-300); /* oklch(81.1% 0.111 293.571) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-violet-400 | --tw-scrollbar-track: var(--color-violet-400); /* oklch(70.2% 0.183 293.541) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-violet-500 | --tw-scrollbar-track: var(--color-violet-500); /* oklch(60.6% 0.25 292.717) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-violet-600 | --tw-scrollbar-track: var(--color-violet-600); /* oklch(54.1% 0.281 293.009) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-violet-700 | --tw-scrollbar-track: var(--color-violet-700); /* oklch(49.1% 0.27 292.581) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-violet-800 | --tw-scrollbar-track: var(--color-violet-800); /* oklch(43.2% 0.232 292.759) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-violet-900 | --tw-scrollbar-track: var(--color-violet-900); /* oklch(38% 0.189 293.745) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-violet-950 | --tw-scrollbar-track: var(--color-violet-950); /* oklch(28.3% 0.141 291.089) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-purple-50 | --tw-scrollbar-track: var(--color-purple-50); /* oklch(97.7% 0.014 308.299) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-purple-100 | --tw-scrollbar-track: var(--color-purple-100); /* oklch(94.6% 0.033 307.174) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-purple-200 | --tw-scrollbar-track: var(--color-purple-200); /* oklch(90.2% 0.063 306.703) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-purple-300 | --tw-scrollbar-track: var(--color-purple-300); /* oklch(82.7% 0.119 306.383) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-purple-400 | --tw-scrollbar-track: var(--color-purple-400); /* oklch(71.4% 0.203 305.504) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-purple-500 | --tw-scrollbar-track: var(--color-purple-500); /* oklch(62.7% 0.265 303.9) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-purple-600 | --tw-scrollbar-track: var(--color-purple-600); /* oklch(55.8% 0.288 302.321) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-purple-700 | --tw-scrollbar-track: var(--color-purple-700); /* oklch(49.6% 0.265 301.924) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-purple-800 | --tw-scrollbar-track: var(--color-purple-800); /* oklch(43.8% 0.218 303.724) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-purple-900 | --tw-scrollbar-track: var(--color-purple-900); /* oklch(38.1% 0.176 304.987) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-purple-950 | --tw-scrollbar-track: var(--color-purple-950); /* oklch(29.1% 0.149 302.717) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-fuchsia-50 | --tw-scrollbar-track: var(--color-fuchsia-50); /* oklch(97.7% 0.017 320.058) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-fuchsia-100 | --tw-scrollbar-track: var(--color-fuchsia-100); /* oklch(95.2% 0.037 318.852) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-fuchsia-200 | --tw-scrollbar-track: var(--color-fuchsia-200); /* oklch(90.3% 0.076 319.62) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-fuchsia-300 | --tw-scrollbar-track: var(--color-fuchsia-300); /* oklch(83.3% 0.145 321.434) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-fuchsia-400 | --tw-scrollbar-track: var(--color-fuchsia-400); /* oklch(74% 0.238 322.16) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-fuchsia-500 | --tw-scrollbar-track: var(--color-fuchsia-500); /* oklch(66.7% 0.295 322.15) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-fuchsia-600 | --tw-scrollbar-track: var(--color-fuchsia-600); /* oklch(59.1% 0.293 322.896) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-fuchsia-700 | --tw-scrollbar-track: var(--color-fuchsia-700); /* oklch(51.8% 0.253 323.949) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-fuchsia-800 | --tw-scrollbar-track: var(--color-fuchsia-800); /* oklch(45.2% 0.211 324.591) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-fuchsia-900 | --tw-scrollbar-track: var(--color-fuchsia-900); /* oklch(40.1% 0.17 325.612) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-fuchsia-950 | --tw-scrollbar-track: var(--color-fuchsia-950); /* oklch(29.3% 0.136 325.661) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-pink-50 | --tw-scrollbar-track: var(--color-pink-50); /* oklch(97.1% 0.014 343.198) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-pink-100 | --tw-scrollbar-track: var(--color-pink-100); /* oklch(94.8% 0.028 342.258) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-pink-200 | --tw-scrollbar-track: var(--color-pink-200); /* oklch(89.9% 0.061 343.231) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-pink-300 | --tw-scrollbar-track: var(--color-pink-300); /* oklch(82.3% 0.12 346.018) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-pink-400 | --tw-scrollbar-track: var(--color-pink-400); /* oklch(71.8% 0.202 349.761) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-pink-500 | --tw-scrollbar-track: var(--color-pink-500); /* oklch(65.6% 0.241 354.308) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-pink-600 | --tw-scrollbar-track: var(--color-pink-600); /* oklch(59.2% 0.249 0.584) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-pink-700 | --tw-scrollbar-track: var(--color-pink-700); /* oklch(52.5% 0.223 3.958) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-pink-800 | --tw-scrollbar-track: var(--color-pink-800); /* oklch(45.9% 0.187 3.815) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-pink-900 | --tw-scrollbar-track: var(--color-pink-900); /* oklch(40.8% 0.153 2.432) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-pink-950 | --tw-scrollbar-track: var(--color-pink-950); /* oklch(28.4% 0.109 3.907) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-rose-50 | --tw-scrollbar-track: var(--color-rose-50); /* oklch(96.9% 0.015 12.422) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-rose-100 | --tw-scrollbar-track: var(--color-rose-100); /* oklch(94.1% 0.03 12.58) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-rose-200 | --tw-scrollbar-track: var(--color-rose-200); /* oklch(89.2% 0.058 10.001) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-rose-300 | --tw-scrollbar-track: var(--color-rose-300); /* oklch(81% 0.117 11.638) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-rose-400 | --tw-scrollbar-track: var(--color-rose-400); /* oklch(71.2% 0.194 13.428) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-rose-500 | --tw-scrollbar-track: var(--color-rose-500); /* oklch(64.5% 0.246 16.439) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-rose-600 | --tw-scrollbar-track: var(--color-rose-600); /* oklch(58.6% 0.253 17.585) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-rose-700 | --tw-scrollbar-track: var(--color-rose-700); /* oklch(51.4% 0.222 16.935) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-rose-800 | --tw-scrollbar-track: var(--color-rose-800); /* oklch(45.5% 0.188 13.697) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-rose-900 | --tw-scrollbar-track: var(--color-rose-900); /* oklch(41% 0.159 10.272) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-rose-950 | --tw-scrollbar-track: var(--color-rose-950); /* oklch(27.1% 0.105 12.094) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-slate-50 | --tw-scrollbar-track: var(--color-slate-50); /* oklch(98.4% 0.003 247.858) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-slate-100 | --tw-scrollbar-track: var(--color-slate-100); /* oklch(96.8% 0.007 247.896) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-slate-200 | --tw-scrollbar-track: var(--color-slate-200); /* oklch(92.9% 0.013 255.508) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-slate-300 | --tw-scrollbar-track: var(--color-slate-300); /* oklch(86.9% 0.022 252.894) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-slate-400 | --tw-scrollbar-track: var(--color-slate-400); /* oklch(70.4% 0.04 256.788) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-slate-500 | --tw-scrollbar-track: var(--color-slate-500); /* oklch(55.4% 0.046 257.417) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-slate-600 | --tw-scrollbar-track: var(--color-slate-600); /* oklch(44.6% 0.043 257.281) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-slate-700 | --tw-scrollbar-track: var(--color-slate-700); /* oklch(37.2% 0.044 257.287) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-slate-800 | --tw-scrollbar-track: var(--color-slate-800); /* oklch(27.9% 0.041 260.031) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-slate-900 | --tw-scrollbar-track: var(--color-slate-900); /* oklch(20.8% 0.042 265.755) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-slate-950 | --tw-scrollbar-track: var(--color-slate-950); /* oklch(12.9% 0.042 264.695) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-gray-50 | --tw-scrollbar-track: var(--color-gray-50); /* oklch(98.5% 0.002 247.839) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-gray-100 | --tw-scrollbar-track: var(--color-gray-100); /* oklch(96.7% 0.003 264.542) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-gray-200 | --tw-scrollbar-track: var(--color-gray-200); /* oklch(92.8% 0.006 264.531) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-gray-300 | --tw-scrollbar-track: var(--color-gray-300); /* oklch(87.2% 0.01 258.338) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-gray-400 | --tw-scrollbar-track: var(--color-gray-400); /* oklch(70.7% 0.022 261.325) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-gray-500 | --tw-scrollbar-track: var(--color-gray-500); /* oklch(55.1% 0.027 264.364) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-gray-600 | --tw-scrollbar-track: var(--color-gray-600); /* oklch(44.6% 0.03 256.802) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-gray-700 | --tw-scrollbar-track: var(--color-gray-700); /* oklch(37.3% 0.034 259.733) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-gray-800 | --tw-scrollbar-track: var(--color-gray-800); /* oklch(27.8% 0.033 256.848) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-gray-900 | --tw-scrollbar-track: var(--color-gray-900); /* oklch(21% 0.034 264.665) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-gray-950 | --tw-scrollbar-track: var(--color-gray-950); /* oklch(13% 0.028 261.692) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-zinc-50 | --tw-scrollbar-track: var(--color-zinc-50); /* oklch(98.5% 0 none) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-zinc-100 | --tw-scrollbar-track: var(--color-zinc-100); /* oklch(96.7% 0.001 286.375) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-zinc-200 | --tw-scrollbar-track: var(--color-zinc-200); /* oklch(92% 0.004 286.32) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-zinc-300 | --tw-scrollbar-track: var(--color-zinc-300); /* oklch(87.1% 0.006 286.286) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-zinc-400 | --tw-scrollbar-track: var(--color-zinc-400); /* oklch(70.5% 0.015 286.067) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-zinc-500 | --tw-scrollbar-track: var(--color-zinc-500); /* oklch(55.2% 0.016 285.938) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-zinc-600 | --tw-scrollbar-track: var(--color-zinc-600); /* oklch(44.2% 0.017 285.786) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-zinc-700 | --tw-scrollbar-track: var(--color-zinc-700); /* oklch(37% 0.013 285.805) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-zinc-800 | --tw-scrollbar-track: var(--color-zinc-800); /* oklch(27.4% 0.006 286.033) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-zinc-900 | --tw-scrollbar-track: var(--color-zinc-900); /* oklch(21% 0.006 285.885) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-zinc-950 | --tw-scrollbar-track: var(--color-zinc-950); /* oklch(14.1% 0.005 285.823) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-neutral-50 | --tw-scrollbar-track: var(--color-neutral-50); /* oklch(98.5% 0 none) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-neutral-100 | --tw-scrollbar-track: var(--color-neutral-100); /* oklch(97% 0 none) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-neutral-200 | --tw-scrollbar-track: var(--color-neutral-200); /* oklch(92.2% 0 none) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-neutral-300 | --tw-scrollbar-track: var(--color-neutral-300); /* oklch(87% 0 none) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-neutral-400 | --tw-scrollbar-track: var(--color-neutral-400); /* oklch(70.8% 0 none) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-neutral-500 | --tw-scrollbar-track: var(--color-neutral-500); /* oklch(55.6% 0 none) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-neutral-600 | --tw-scrollbar-track: var(--color-neutral-600); /* oklch(43.9% 0 none) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-neutral-700 | --tw-scrollbar-track: var(--color-neutral-700); /* oklch(37.1% 0 none) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-neutral-800 | --tw-scrollbar-track: var(--color-neutral-800); /* oklch(26.9% 0 none) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-neutral-900 | --tw-scrollbar-track: var(--color-neutral-900); /* oklch(20.5% 0 none) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-neutral-950 | --tw-scrollbar-track: var(--color-neutral-950); /* oklch(14.5% 0 none) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-stone-50 | --tw-scrollbar-track: var(--color-stone-50); /* oklch(98.5% 0.001 106.423) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-stone-100 | --tw-scrollbar-track: var(--color-stone-100); /* oklch(97% 0.001 106.424) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-stone-200 | --tw-scrollbar-track: var(--color-stone-200); /* oklch(92.3% 0.003 48.717) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-stone-300 | --tw-scrollbar-track: var(--color-stone-300); /* oklch(86.9% 0.005 56.366) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-stone-400 | --tw-scrollbar-track: var(--color-stone-400); /* oklch(70.9% 0.01 56.259) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-stone-500 | --tw-scrollbar-track: var(--color-stone-500); /* oklch(55.3% 0.013 58.071) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-stone-600 | --tw-scrollbar-track: var(--color-stone-600); /* oklch(44.4% 0.011 73.639) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-stone-700 | --tw-scrollbar-track: var(--color-stone-700); /* oklch(37.4% 0.01 67.558) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-stone-800 | --tw-scrollbar-track: var(--color-stone-800); /* oklch(26.8% 0.007 34.298) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-stone-900 | --tw-scrollbar-track: var(--color-stone-900); /* oklch(21.6% 0.006 56.043) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-stone-950 | --tw-scrollbar-track: var(--color-stone-950); /* oklch(14.7% 0.004 49.25) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-mauve-50 | --tw-scrollbar-track: var(--color-mauve-50); /* oklch(98.5% 0 none) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-mauve-100 | --tw-scrollbar-track: var(--color-mauve-100); /* oklch(96% 0.003 325.6) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-mauve-200 | --tw-scrollbar-track: var(--color-mauve-200); /* oklch(92.2% 0.005 325.62) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-mauve-300 | --tw-scrollbar-track: var(--color-mauve-300); /* oklch(86.5% 0.012 325.68) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-mauve-400 | --tw-scrollbar-track: var(--color-mauve-400); /* oklch(71.1% 0.019 323.02) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-mauve-500 | --tw-scrollbar-track: var(--color-mauve-500); /* oklch(54.2% 0.034 322.5) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-mauve-600 | --tw-scrollbar-track: var(--color-mauve-600); /* oklch(43.5% 0.029 321.78) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-mauve-700 | --tw-scrollbar-track: var(--color-mauve-700); /* oklch(36.4% 0.029 323.89) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-mauve-800 | --tw-scrollbar-track: var(--color-mauve-800); /* oklch(26.3% 0.024 320.12) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-mauve-900 | --tw-scrollbar-track: var(--color-mauve-900); /* oklch(21.2% 0.019 322.12) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-mauve-950 | --tw-scrollbar-track: var(--color-mauve-950); /* oklch(14.5% 0.008 326) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-olive-50 | --tw-scrollbar-track: var(--color-olive-50); /* oklch(98.8% 0.003 106.5) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-olive-100 | --tw-scrollbar-track: var(--color-olive-100); /* oklch(96.6% 0.005 106.5) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-olive-200 | --tw-scrollbar-track: var(--color-olive-200); /* oklch(93% 0.007 106.5) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-olive-300 | --tw-scrollbar-track: var(--color-olive-300); /* oklch(88% 0.011 106.6) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-olive-400 | --tw-scrollbar-track: var(--color-olive-400); /* oklch(73.7% 0.021 106.9) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-olive-500 | --tw-scrollbar-track: var(--color-olive-500); /* oklch(58% 0.031 107.3) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-olive-600 | --tw-scrollbar-track: var(--color-olive-600); /* oklch(46.6% 0.025 107.3) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-olive-700 | --tw-scrollbar-track: var(--color-olive-700); /* oklch(39.4% 0.023 107.4) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-olive-800 | --tw-scrollbar-track: var(--color-olive-800); /* oklch(28.6% 0.016 107.4) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-olive-900 | --tw-scrollbar-track: var(--color-olive-900); /* oklch(22.8% 0.013 107.4) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-olive-950 | --tw-scrollbar-track: var(--color-olive-950); /* oklch(15.3% 0.006 107.1) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-mist-50 | --tw-scrollbar-track: var(--color-mist-50); /* oklch(98.7% 0.002 197.1) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-mist-100 | --tw-scrollbar-track: var(--color-mist-100); /* oklch(96.3% 0.002 197.1) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-mist-200 | --tw-scrollbar-track: var(--color-mist-200); /* oklch(92.5% 0.005 214.3) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-mist-300 | --tw-scrollbar-track: var(--color-mist-300); /* oklch(87.2% 0.007 219.6) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-mist-400 | --tw-scrollbar-track: var(--color-mist-400); /* oklch(72.3% 0.014 214.4) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-mist-500 | --tw-scrollbar-track: var(--color-mist-500); /* oklch(56% 0.021 213.5) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-mist-600 | --tw-scrollbar-track: var(--color-mist-600); /* oklch(45% 0.017 213.2) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-mist-700 | --tw-scrollbar-track: var(--color-mist-700); /* oklch(37.8% 0.015 216) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-mist-800 | --tw-scrollbar-track: var(--color-mist-800); /* oklch(27.5% 0.011 216.9) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-mist-900 | --tw-scrollbar-track: var(--color-mist-900); /* oklch(21.8% 0.008 223.9) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-mist-950 | --tw-scrollbar-track: var(--color-mist-950); /* oklch(14.8% 0.004 228.8) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-taupe-50 | --tw-scrollbar-track: var(--color-taupe-50); /* oklch(98.6% 0.002 67.8) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-taupe-100 | --tw-scrollbar-track: var(--color-taupe-100); /* oklch(96% 0.002 17.2) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-taupe-200 | --tw-scrollbar-track: var(--color-taupe-200); /* oklch(92.2% 0.005 34.3) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-taupe-300 | --tw-scrollbar-track: var(--color-taupe-300); /* oklch(86.8% 0.007 39.5) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-taupe-400 | --tw-scrollbar-track: var(--color-taupe-400); /* oklch(71.4% 0.014 41.2) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-taupe-500 | --tw-scrollbar-track: var(--color-taupe-500); /* oklch(54.7% 0.021 43.1) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-taupe-600 | --tw-scrollbar-track: var(--color-taupe-600); /* oklch(43.8% 0.017 39.3) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-taupe-700 | --tw-scrollbar-track: var(--color-taupe-700); /* oklch(36.7% 0.016 35.7) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-taupe-800 | --tw-scrollbar-track: var(--color-taupe-800); /* oklch(26.8% 0.011 36.5) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-taupe-900 | --tw-scrollbar-track: var(--color-taupe-900); /* oklch(21.4% 0.009 43.1) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-taupe-950 | --tw-scrollbar-track: var(--color-taupe-950); /* oklch(14.7% 0.004 49.3) */ scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-(<custom-property>) | --tw-scrollbar-track: var(<custom-property>); scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
scrollbar-track-[<value>] | --tw-scrollbar-track: <value>; scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track); |
示例
设置滚动条颜色
使用 scrollbar-thumb-sky-700 和 scrollbar-track-sky-100 等工具类来控制滚动条的颜色：
The Cerulean Archives occupy three narrow floors above the old observatory, each lined with drawers of star maps, expedition notes, and brass instruments cataloged by hand.
On winter mornings, the staff rolls ladders between the shelves while pale light cuts through the roof windows and settles on the reading tables.
Visitors can request anything from the collection, but most come for the atlases that chart coastlines no longer found on modern maps.
Every returned volume is inspected, dusted, and wrapped before being carried back into the stacks for the next researcher.
html
<!-- [!code classes:scrollbar-thumb-sky-700,scrollbar-track-sky-100] -->
<div class="scrollbar-thumb-sky-700 scrollbar-track-sky-100 overflow-auto ...">
<!-- ... -->
</div>滑块（thumb）和轨道（track）颜色可以分别设置。如果只设置其中一个，未设置的颜色默认为透明。
更改不透明度
使用颜色不透明度修饰符来控制元素滚动条颜色的不透明度：
The Cerulean Archives occupy three narrow floors above the old observatory, each lined with drawers of star maps, expedition notes, and brass instruments cataloged by hand.
On winter mornings, the staff rolls ladders between the shelves while pale light cuts through the roof windows and settles on the reading tables.
Visitors can request anything from the collection, but most come for the atlases that chart coastlines no longer found on modern maps.
Every returned volume is inspected, dusted, and wrapped before being carried back into the stacks for the next researcher.
html
<!-- [!code word:/60] -->
<!-- [!code word:/10] -->
<div class="scrollbar-thumb-slate-900/60 scrollbar-track-slate-900/10 ...">
<!-- ... -->
</div>使用自定义值
使用 scrollbar-thumb-[<value>] 和 scrollbar-track-[<value>] 等工具类，根据完全自定义的值设置滚动条颜色：
html
<!-- [!code classes:scrollbar-thumb-[#0f766e],scrollbar-track-[#ccfbf1]] -->
<div class="scrollbar-thumb-[#0f766e] scrollbar-track-[#ccfbf1] ...">
<!-- ... -->
</div>对于 CSS 变量，也可以使用 scrollbar-thumb-(<custom-property>) 和 scrollbar-track-(<custom-property>) 语法：
html
<!-- [!code classes:scrollbar-thumb-(--my-scrollbar-thumb),scrollbar-track-(--my-scrollbar-track)] -->
<div class="scrollbar-thumb-(--my-scrollbar-thumb) scrollbar-track-(--my-scrollbar-track) ...">
<!-- ... -->
</div>在悬停时应用
使用 hover:* 等变体为 scrollbar-color 工具类添加前缀，使其仅在该状态下生效：
html
<!-- [!code classes:hover:scrollbar-thumb-sky-500] -->
<div class="scrollbar-thumb-sky-700 hover:scrollbar-thumb-sky-500 ...">
<!-- ... -->
</div>在 变体文档 中了解如何使用变体。
响应式设计
使用 md: 等断点变体为 scrollbar-color 工具类添加前缀，使其仅在中等及以上屏幕尺寸生效：
html
<div class="scrollbar-thumb-slate-900 scrollbar-track-slate-200 md:scrollbar-thumb-sky-700 ...">
<!-- ... -->
</div>在 变体文档 中了解如何使用变体。
自定义主题
使用 --color-* 主题变量来自定义项目中的颜色工具类：
css
@theme {
--color-regal-blue: #243c5a;
}现在可以在标记中使用 scrollbar-thumb-regal-blue 和 scrollbar-track-regal-blue 等工具类：
html
<div class="scrollbar-thumb-regal-blue">
<!-- ... -->
</div>在 主题文档 中了解如何自定义主题。