Skip to content
Patternfly Logo

Background color

Info alert:Beta feature

This Beta component is currently under review, so please join in and give us your feedback on the PatternFly forum.

Examples

White

Background Color 100

Gray

Background Color 200

Dark 100

Background Color Dark 100

Dark 200

Background Color Dark 200

Dark 300

Background Color Dark 300

Dark 400

Background Color Dark 400

Documentation

Overview

Background color utility

Usage

Class
Applied to
Outcome
.pf-u-background-color-100
*
Applies background-color 100.
.pf-u-background-color-200
*
Applies background-color 200.
.pf-u-background-color-dark-100
*
Applies background-color-dark 100.
.pf-u-background-color-dark-200
*
Applies background-color-dark 200.
.pf-u-background-color-dark-300
*
Applies background-color-dark 300.
.pf-u-background-color-dark-400
*
Applies background-color-dark 200.

View source on GitHub