# Tokens

## .sds\_Menu

| Component Tokens             | Theme Tokens                                                               |
| ---------------------------- | -------------------------------------------------------------------------- |
| --sds\_menu\_background      | <p><strong>--sds_theme_background_high</strong></p><p>sds-color(white)</p> |
| --sds\_menu\_divider\_border | <p><strong>--sds_theme_border</strong></p><p>sds-color(grey, 30)</p>       |
| --sds\_menu\_divider\_header | <p><strong>--sds_theme_text_muted</strong></p><p>sds-color(grey, 70)</p>   |

## .sds\_MenuOption <a href="#sds_menuoption" id="sds_menuoption"></a>

| Component Tokens                         | Theme Tokens                                             |
| ---------------------------------------- | -------------------------------------------------------- |
| --sds\_menu\_option\_background          | <p>--sds_theme_background_high<br>sds-color(white)</p>   |
| --sds\_menu\_option\_icon                | <p>--sds_theme_icon<br>sds-color(grey, 70)</p>           |
| --sds\_menu\_option\_text                | <p>--sds_theme_text<br>sds-color(grey, 100)</p>          |
| --sds\_menu\_option\_description         | <p>--sds_theme_text_muted<br>sds-color(grey, 70)</p>     |
|                                          |                                                          |
| ​​--sds\_menu\_option\_hover\_background | <p>--sds_theme_background</p><p>sds-color(grey, 05)</p>  |
| --sds\_menu\_option\_hover\_icon         | <p>--sds_theme_icon_dark<br>sds-color(grey, 100)</p>     |
| --sds\_menu\_option\_hover\_text         | <p>--sds_menu_option_text</p><p>sds-color(grey, 100)</p> |
| --sds\_menu\_option\_hover\_description  | <p>--sds_theme_text</p><p>sds-color(grey, 100)​​</p>     |
| ​​--sds\_menu\_option\_disabled\_opacity | <p>--sds_theme_disabled_opacity</p><p>48%</p>            |

## .sds\_MenuHeader

| Component Tokens             | Theme Tokens                                         |
| ---------------------------- | ---------------------------------------------------- |
| --sds\_menu\_divider\_header | <p>--sds_theme_text_muted<br>sds-color(grey, 70)</p> |

## .sds\_MenuDivider

| Component Tokens             | Theme Tokens                                     |
| ---------------------------- | ------------------------------------------------ |
| --sds\_menu\_divider\_border | <p>--sds_theme_border<br>sds-color(grey, 30)</p> |
