diff --git a/stylesheets/_theme_dark.scss b/stylesheets/_theme_dark.scss
index 6f6a4ce8336..defec00e9e2 100644
--- a/stylesheets/_theme_dark.scss
+++ b/stylesheets/_theme_dark.scss
@@ -1325,6 +1325,9 @@ body.dark-theme {
background-color: $color-conversation-grey-shade;
}
+ .module-avatar--signal-blue {
+ background-color: $color-signal-blue;
+ }
.module-avatar--red {
background-color: $color-conversation-red-shade;
}
diff --git a/ts/components/Avatar.md b/ts/components/Avatar.md
index 5e15cb4b190..a6e1146b4d3 100644
--- a/ts/components/Avatar.md
+++ b/ts/components/Avatar.md
@@ -1,306 +1,311 @@
### With avatar
```jsx
-
-
+
+
+
+
```
### With only name
```jsx
-
-
-
+
+
+
+
+
```
### Just phone number
```jsx
-
+
+
+
```
### All colors
```jsx
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
```
### 36px
```jsx
-
-
-
-
-
+
+
+
+
+
+
+
```
### 48px
```jsx
-
-
-
-
-
+
+
+
+
+
+
+
```
### 80px
```jsx
-
-
-
-
-
+
+
+
+
+
+
+
```
### Broken color
```jsx
-
+
+
+
```
### Broken image
```jsx
-
+
+
+
```
### Broken image for group
```jsx
-
+
+
+
```