Customize the card field in Charitable Stripe using the Style object

script.js

window.Charitable.Hooks.addFilter( 'stripeCardElementOptions', 'myCustom', () => {
	return {
		style: {
			base: {
			  iconColor: '#c4f0ff',
			  color: '#444',
			  fontWeight: '500',
			  fontFamily: 'Roboto, Open Sans, Segoe UI, sans-serif',
			  fontSize: '16px',
			  fontSmoothing: 'antialiased',
			  ':-webkit-autofill': {
				color: '#fce883',
			  },
			  '::placeholder': {
				color: '#87BBFD',
			  },
			},
			invalid: {
			  iconColor: '#532142',
			  color: '#532142',
			},
		  },
	}
} );