Utilities for styling the stroke of SVG elements.
stroke-amber-50
stroke: var(--color-amber-50);
stroke={rgba(255, 251, 235, 1)}
stroke-amber-100
stroke: var(--color-amber-100);
stroke={rgba(254, 243, 198, 1)}
stroke-amber-200
stroke: var(--color-amber-200);
stroke={rgba(254, 230, 133, 1)}
stroke-amber-300
stroke: var(--color-amber-300);
stroke={rgba(255, 210, 48, 1)}
stroke-amber-400
stroke: var(--color-amber-400);
stroke={rgba(255, 185, 0, 1)}
stroke-amber-500
stroke: var(--color-amber-500);
stroke={rgba(254, 154, 0, 1)}
stroke-amber-600
stroke: var(--color-amber-600);
stroke={rgba(225, 113, 0, 1)}
stroke-amber-700
stroke: var(--color-amber-700);
stroke={rgba(187, 77, 0, 1)}
stroke-amber-800
stroke: var(--color-amber-800);
stroke={rgba(151, 60, 0, 1)}
stroke-amber-900
stroke: var(--color-amber-900);
stroke={rgba(123, 51, 6, 1)}
stroke-amber-950
stroke: var(--color-amber-950);
stroke={rgba(70, 25, 1, 1)}
stroke-black
stroke: var(--color-black);
stroke={rgba(0, 0, 0, 1)}
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.