Background

.background

.background-primary

.background-primary-container

.background-secondary

.background-secondary-container

.background-tertiary

.background-tertiary-container

.background-surface

.background-surface-variant

.background-error

.background-error-container

<div class="padding-3 margin-bottom-2 background">
  .background
</div>
<div class="padding-3 margin-bottom-2 background-primary">
  .background-primary
</div>
<div class="padding-3 margin-bottom-2 background-primary-container">
  .background-primary-container
</div>
<div class="padding-3 margin-bottom-2 background-secondary">
  .background-secondary
</div>
<div class="padding-3 margin-bottom-2 background-secondary-container">
  .background-secondary-container
</div>
<div class="padding-3 margin-bottom-2 background-tertiary">
  .background-tertiary
</div>
<div class="padding-3 margin-bottom-2 background-tertiary-container">
  .background-tertiary-container
</div>
<div class="padding-3 margin-bottom-2 background-surface">
  .background-surface
</div>
<div class="padding-3 margin-bottom-2 background-surface-variant">
  .background-surface-variant
</div>
<div class="padding-3 margin-bottom-2 background-error">
  .background-error
</div>
<div class="padding-3 margin-bottom-2 background-error-container">
  .background-error-container
</div>