Documentation
ChevronDown

--aura-teal-green

Variable for teal green color.

CSS
Copy Copy
*:root {
    --aura-teal-green: #e8fef7
}

Description

--aura-teal-green is a CSS custom property that specifies the background color for a design system. The value of --aura-teal-green is set to the color code #e8fef7, which represents a teal-green color. This custom property can be used as the background color for various elements within the design system, helping to maintain consistency and make updates easier to manage. By using a CSS custom property, the background color can be easily changed and updated in one place, rather than having to update it across multiple CSS rules.

The CSS custom property --aura-snow can be used in a .snow class in HTML to set the background color of an element. In the CSS file, the .snow class can be defined as follows:

CSS
Copy Copy
.teal-green {
     background-color: var(--aura-teal-green);
 }

And in the HTML file, the class can be applied to an element like this:

HTML
Copy Copy
<div class="teal-green">
    <!-- content goes here -->
</div>

By using the .teal-green class, the background color of the element will be set to the value of the --aura-teal-green custom property, which is #e8fef7. This helps to maintain consistency and makes updates to the background color easier to manage.