> For the complete documentation index, see [llms.txt](https://2600hz.gitbook.io/sds/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://2600hz.gitbook.io/sds/sds-3.0/sds-components/components/avatar/tokens.md).

# Tokens

The Avatar component tokens.

```scss

@use 'node_modules/@sipster/core/tools' as *;

body {
  --sds_avatar_background: #{sds-color(neutral, 70)};
  --sds_avatar_icon: #{sds-color(white)};
  --sds_avatar_size: 2rem;
  --sds_avatar_text: #{sds-color(white)};
  --sds_avatar_status_online: #{sds-color(green, 60)};
  --sds_avatar_status_busy: #{sds-color(red, 60)};
  --sds_avatar_status_away: #{sds-color(yellow, 60)};
  --sds_avatar_status_ringing: #{sds-color(blue, 60)};
  --sds_avatar_status_onCall: #{sds-color(yellow, 60)};
  --sds_avatar_status_onExternalCall: #{sds-color(yellow, 60)};
  --sds_avatar_status_recovery: #{sds-color(purple, 60)};
  --sds_avatar_status_offline: #{sds-color(neutral, 60)};
  --sds_avatar_status_border_color: var(
    --sds_theme_background,
    #{sds-color(neutral, 05)}
  );
}


```