Styling: BackgroundColor

Oracle® JavaScript Extension Toolkit (JET)
9.1.0

F30737-01

Version:
  • 9.1.0

Category: Background Color

Sets the background color.

Class template:

.oj-bg-[background-color]

Note: Square brackets signify required token substitutions whereas parentheses signify optional token substitutions.

Values for [background-color]

Value (required) Name Description
neutral-0 Neutral 0 Neutral 0 background color
neutral-10 Neutral 10 Neutral 10 background color
neutral-20 Neutral 20 Neutral 20 background color
neutral-30 Neutral 30 Neutral 30 background color
brand-10 Brand 10 Brand 10 background color
brand-30 Brand 30 Brand 30 background color
danger-10 Danger 10 Danger 10 background color
danger-30 Danger 30 Danger 30 background color
warning-10 Warning 10 Warning 10 background color
warning-30 Warning 30 Warning 30 background color
success-10 Success 10 Success 10 background color
success-30 Success 30 Success 30 background color
info-10 Info 10 Info 10 background color
info-30 Info 30 Info 30 background color

Example
<div class="oj-bg-neutral-20">Div with a background color</div>