Tokens
.sds_Alert
Component Token
Theme Token
--sds_alert_overlay_background
rgba(14, 14, 15, 0.24)
--sds_alert_background
--sds_theme_background_high
sds-color(white)
--sds_alert_text
--sds_theme_text
sds-color(grey, 100)
.sds_Alert_Info
Component Token
Theme Token
--sds_alert_--sds_alert_highlight
--sds_theme_color_primary sds-color(blue)
--sds_alert_icon
--sds_theme_color_primary
sds-color(blue)
.sds_Alert_Warning
Component Token
Theme Token
--sds_alert_--sds_alert_highlight
--sds_theme_color_warning sds-color(yellow)
--sds_alert_icon
--sds_theme_color_warning
sds-color(yellow)
.sds_Alert_Danger
Component Token
Theme Token
--sds_alert_--sds_alert_highlight
--sds_theme_color_danger sds-color(red)
--sds_alert_icon
--sds_theme_color_danger
sds-color(red)
Dark Theme Custom Tokens
This token is linked to the body and the attribute data-theme=''Dark"
Component Token
Theme Token
--sds_alert_overlay_background
rgba(14, 14, 15, 0.64)
Last updated