update avatar variables

packages/rocketchat-theme/client/imports/components/avatar.css

@@ -6,7 +6,7 @@
 	width: 100%;
 	height: 100%;
 
-	border-radius: 2px;
+	border-radius: var(--avatar-radius);
 
 	& .emoji,
 	& .emojione {
@@ -36,8 +36,8 @@
 		text-align: center;
 		text-transform: uppercase;
 
-		font-size: 22px;
-		font-weight: bold;
+		font-size: var(--avatar-initials-text-size);
+		font-weight: var(--avatar-initials-text-weight);
 		align-items: center;
 		justify-content: center;
 	}

packages/rocketchat-theme/client/imports/general/variables.css

@@ -32,6 +32,7 @@
 	--flex-tab-webrtc-2-width: 850px;
 	--user-image-square: 20px;
 	--border: 2px;
+	--border-radius: 2px;
 	--status-online: var(--color-success);
 	--status-away: var(--color-alert);
 	--status-busy: var(--color-error);
@@ -129,4 +130,11 @@
 	* Chip
 	*/
 	--chip-background: #dddddd;
+
+	/*
+	* Avatar
+	*/
+	--avatar-radius: var(--border-radius);
+	--avatar-initials-text-size: 22px;
+	--avatar-initials-text-weight: 700;
 }