v0.2.0

System

Backgrounds

background-color

Utilities for controlling an element's background color.

Quick reference

290 of 291 classes apply on React Native

Class

Styles

React Native

bg-amber-50

background-color: var(--color-amber-50);

backgroundColor: rgba(255, 251, 235, 1)

bg-amber-100

background-color: var(--color-amber-100);

backgroundColor: rgba(254, 243, 198, 1)

bg-amber-200

background-color: var(--color-amber-200);

backgroundColor: rgba(254, 230, 133, 1)

bg-amber-300

background-color: var(--color-amber-300);

backgroundColor: rgba(255, 210, 48, 1)

bg-amber-400

background-color: var(--color-amber-400);

backgroundColor: rgba(255, 185, 0, 1)

bg-amber-500

background-color: var(--color-amber-500);

backgroundColor: rgba(254, 154, 0, 1)

bg-amber-600

background-color: var(--color-amber-600);

backgroundColor: rgba(225, 113, 0, 1)

bg-amber-700

background-color: var(--color-amber-700);

backgroundColor: rgba(187, 77, 0, 1)

bg-amber-800

background-color: var(--color-amber-800);

backgroundColor: rgba(151, 60, 0, 1)

bg-amber-900

background-color: var(--color-amber-900);

backgroundColor: rgba(123, 51, 6, 1)

bg-amber-950

background-color: var(--color-amber-950);

backgroundColor: rgba(70, 25, 1, 1)

bg-black

background-color: var(--color-black);

backgroundColor: rgba(0, 0, 0, 1)

Show all 291 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.

← background-clip

background-image →