Background Color
Theme specific utilities for setting a custom background color on an element. The theme currently only has utilities for the main accent colors, white, black and grays. We may include some more color palettes in the future if requested.
| Class | Properties | |
|---|---|---|
| wpex-bg-accent | background-color: var(--wpex-accent, #2c87f0); |
|
| wpex-bg-accent_alt | background-color: var(--wpex-accent-alt, #2c87f0); |
|
| wpex-bg-white | background-color: var(--wpex-white, #fff); |
|
| wpex-bg-gray-50 | background-color: var(--wpex-gray-50, #fafafa); |
|
| wpex-bg-gray-100 | background-color: var(--wpex-gray-100, #f7f7f7); |
|
| wpex-bg-gray-200 | background-color: var(--wpex-gray-200, #eeeeee); |
|
| wpex-bg-gray-300 | background-color: var(--wpex-gray-300, #e0e0e0); |
|
| wpex-bg-gray-400 | background-color: var(--wpex-gray-400, #bdbdbd); |
|
| wpex-bg-gray-500 | background-color: var(--wpex-gray-500, #9e9e9e); |
|
| wpex-bg-gray-600 | background-color: var(--wpex-gray-600, #757575); |
|
| wpex-bg-gray-700 | background-color: var(--wpex-gray-700, #616161); |
|
| wpex-bg-gray-800 | background-color: var(--wpex-gray-800, #424242); |
|
| wpex-bg-gray-A900 | background-color: var(--wpex-gray-A900, #262626); |
|
| wpex-bg-gray-900 | background-color: var(--wpex-gray-900, #222222); |
|
| wpex-bg-black | background-color: var(--wpex-black, #000); |