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

QUICKLINKS

CONTRIBUTE

STAY IN TOUCH

PatternFly is an open source design system built to drive consistency and unify teams. From documentation and components to code examples and tutorials, PatternFly is a place where design and development can thrive. We’re on a mission to help teams build consistent, accessible, and scalable enterprise product experiences—the open source way.

Red Hat logo
Copyright © 2019 Red Hat, Inc.
Privacy statementTerms of useAll policies and guidelines