> For the complete documentation index, see [llms.txt](https://learn.squirrel365.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://learn.squirrel365.io/squirrel-addon-documentation/squirrel-helper-library/angular/methods/shadecolor.md).

# shadeColor

To ensure a more consistent user experience in native Squirrel components, all hover and highlight effects apply a set shade or tint effect.  This method allows you to pass in a colour and receive the RGBA code of a colour with a 30% shade applied to it. 

The method accepts the following argument

<details>

<summary>color: string</summary>

The color in either Hex or RGB

</details>

<details>

<summary>alpha: number (defaults to 1)</summary>

The alpha value for the color

</details>

Returns an RGBA string of the new colour