form-field-theme

@include form-field-theme(
  $theme,
  $background
);

Description

Control the text, background, and border colors of your form fields.

Parameters

$theme (shades)
Base colour to be used as theme.
Default: primary

$background (shades | color)
Background colour to be used for the input.
Default: $layout === 'circular' ? 'white' : $theme

Return

(CSS) Styles to apply to .form-field elements.

Examples

Use the primary-darker shade as the base theme color

@include form-field-theme(primary-darker);

Use the secondary shade as the base theme color and add a slight light background to the inputs

@include form-field-theme(
  $theme: secondary,
  $background: secondary-lightest
);

Interactive example