# give/4.16.9/src/Campaigns/Blocks/shared/components/CampaignSelector/reactSelectStyles.ts

GiveWP – Donation Plugin and Fundraising Platform, version 4.16.9. 25 lines.

- Page: https://pluginprobe.com/plugins/give/4.16.9/code/src/Campaigns/Blocks/shared/components/CampaignSelector/reactSelectStyles.ts
- Raw: https://pluginprobe.com/plugins/give/4.16.9/raw/src/Campaigns/Blocks/shared/components/CampaignSelector/reactSelectStyles.ts
- Modified: 2025-03-31T19:17:16+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/give/4.16.9/code/src/Campaigns/Blocks/shared/components/CampaignSelector/reactSelectStyles.ts#L10-L20`.

```typescript
export const reactSelectStyles = {
    input: (provided, state) => ({
        ...provided,
        height: '3rem',
    }),
    option: (provided, state) => ({
        ...provided,
        paddingTop: '0.8rem',
        paddingBottom: '0.8rem',
        fontSize: '1rem',
    }),
    control: (provided, state) => ({
        ...provided,
        fontSize: '1rem',
    }),
};

export const reactSelectThemeStyles = (theme) => ({
    ...theme,
    colors: {
        ...theme.colors,
        primary: '#27ae60',
    },
});

```