Documentation
ChevronDown

--aura-input-bg

Default background color for inputs.

CSS
Copy Copy
*:root {
    --aura-input-bg: #f0f0f7
}

--aura-input-bg is a CSS custom property that specifies the default background color for modules in a design system. The value of --aura-input-bg is used as the background color for elements with the classes input and textarea.

In the CSS file, the custom property can be used as follows:

CSS
Copy Copy
input, 
select, 
textarea {
    background-color: var(--aura-input-bg);
}

By using the --aura-input-bg custom property, the border radius of inputs can be easily changed and updated in one place, which helps maintain consistency and makes updates more manageable. Additionally, because the border radius is specified using a custom property, any changes made to --aura-input-bg will be reflected in the border radius of the input, select, and textarea elements.