Tokens

.sds_Menu

Component Tokens
Theme Tokens

--sds_menu_background

--sds_theme_background_high

sds-color(white)

--sds_menu_divider_border

--sds_theme_border

sds-color(grey, 30)

--sds_menu_divider_header

--sds_theme_text_muted

sds-color(grey, 70)

.sds_MenuOption

Component Tokens
Theme Tokens

--sds_menu_option_background

--sds_theme_background_high sds-color(white)

--sds_menu_option_icon

--sds_theme_icon sds-color(grey, 70)

--sds_menu_option_text

--sds_theme_text sds-color(grey, 100)

--sds_menu_option_description

--sds_theme_text_muted sds-color(grey, 70)

​​--sds_menu_option_hover_background

--sds_theme_background

sds-color(grey, 05)

--sds_menu_option_hover_icon

--sds_theme_icon_dark sds-color(grey, 100)

--sds_menu_option_hover_text

--sds_menu_option_text

sds-color(grey, 100)

--sds_menu_option_hover_description

--sds_theme_text

sds-color(grey, 100)​​

​​--sds_menu_option_disabled_opacity

--sds_theme_disabled_opacity

48%

.sds_MenuHeader

Component Tokens
Theme Tokens

--sds_menu_divider_header

--sds_theme_text_muted sds-color(grey, 70)

.sds_MenuDivider

Component Tokens
Theme Tokens

--sds_menu_divider_border

--sds_theme_border sds-color(grey, 30)

Last updated