# forms.highlightColor

Part of [Forms](https://kernstra.com/docs/web-sdk/config/forms) in the Kernstra Web SDK 1.0.0 configuration reference.

- Type: `string`
- Default: `none given (the token's)`
- Page: https://kernstra.com/docs/web-sdk/config/forms/highlightcolor

Sets `--ks-field-bg`, the tint drawn over fillable fields; the hover shade is derived from it. A hex, a name or one color function, like [`theme.accentColor`](https://kernstra.com/docs/web-sdk/config/theme/accentcolor); anything else is ignored with a warning. Leave it out to keep the SDK's own tint, or set `--ks-field-bg` (and `--ks-field-bg-hover`, which the option derives for you) in CSS instead.

```ts
forms: { highlightColor: '#fff3c4' } // a warmer field tint
```

Web page: https://kernstra.com/docs/web-sdk/config/forms/highlightcolor