donation-form-theme

@include donation-form-theme(
  $theme,
  $color,
  $amountButtonStyle,
  $themeBackground
);

Description

Control the colours used in the donation form.

Parameters

$theme (shades | color)
The base color to be used as theme.
Default: primary

$color (shades | color)
The text color to be used on form.
Default: null

$amountBtnTheme (button theme | button map | shades | color)
The theme to be used for the amount buttons.
Default: $theme

$background (shades | color)
The background color of form.
Default: white

Return

(CSS) Styles to theme .donation-form.

Examples

Use the primary-dark shade as the base color

@include donation-form-theme(primary-dark);

Use the secondary shade as the base color but still use the primary button theme for the amount buttons

@include donation-form-theme(
  $theme: secondary,
  $amountBtnTheme: primary
);

Interactive example

$theme: 
$amountButtonTheme: 
1
2
3
One Off
Monthly
Donating in Australian Dollars