+++
# -----------------------------------------------------------------------
# Do not edit this file. It is automatically generated by API Documenter.
# -----------------------------------------------------------------------
title = "hoverColor"
keywords = ["grafana","documentation","sdk","@grafana/ui"]
type = "docs"
+++

## styleMixins.hoverColor() function

### styleMixins.hoverColor() function

<b>Signature</b>

```typescript
export declare function hoverColor(color: string, theme: GrafanaTheme): string;
```
<b>Import</b>

```typescript
import { styleMixins } from '@grafana/ui';
const { hoverColor } = styleMixins;
```
<b>Parameters</b>

|  Parameter | Type | Description |
|  --- | --- | --- |
|  color | <code>string</code> |  |
|  theme | <code>GrafanaTheme</code> |  |

<b>Returns:</b>

`string`

