A
AstraWind
v0.2.0
System
Interactivity

scrollbar-color

Utilities for controlling the color of an element's scrollbar.

Quick reference

No native equivalent: these classes are accepted and ignored
Class
Styles
React Native
scrollbar-thumb-amber-50
scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track);
No native equivalent
scrollbar-thumb-amber-100
scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track);
No native equivalent
scrollbar-thumb-amber-200
scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track);
No native equivalent
scrollbar-thumb-amber-300
scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track);
No native equivalent
scrollbar-thumb-amber-400
scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track);
No native equivalent
scrollbar-thumb-amber-500
scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track);
No native equivalent
scrollbar-thumb-amber-600
scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track);
No native equivalent
scrollbar-thumb-amber-700
scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track);
No native equivalent
scrollbar-thumb-amber-800
scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track);
No native equivalent
scrollbar-thumb-amber-900
scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track);
No native equivalent
scrollbar-thumb-amber-950
scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track);
No native equivalent
scrollbar-thumb-black
scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track);
No native equivalent
Show all 400 classes
The React Native column is what AstraWind resolves each class to, computed live on this page with the current color scheme. Classes with no native equivalent are accepted without effect, and AstraWind warns about them in development. See Compatibility.
Previous
← scroll-behavior
Next
scrollbar-width →