Update badge style in invite dialog

element-hq · Oct 21, 2024 · 716e262 · 716e262
1 parent 3294c6b
commit 716e262
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 3 deletions.
diff --git a/...napshots/invite/invite-dialog.spec.ts/invite-dialog-dm-with-user-pill-linux.png b/...napshots/invite/invite-dialog.spec.ts/invite-dialog-dm-with-user-pill-linux.png
diff --git a/...pshots/invite/invite-dialog.spec.ts/invite-dialog-room-with-user-pill-linux.png b/...pshots/invite/invite-dialog.spec.ts/invite-dialog-room-with-user-pill-linux.png
diff --git a/res/css/views/dialogs/_InviteDialog.pcss b/res/css/views/dialogs/_InviteDialog.pcss
@@ -143,14 +143,15 @@ Please see LICENSE files in the repository root for full details.
     margin-inline-end: $spacing-8;
 
     .mx_InviteDialog_userTile_pill {
-        background-color: var(--cpd-color-bg-success-subtle);
-        border-radius: 12px;
+        background-color: var(--cpd-color-bg-canvas-default);
+        border: 1px solid var(--cpd-color-gray-400);
+        border-radius: 99px;
         display: inline-block;
         height: 24px;
         line-height: $font-24px;
         padding-inline: $spacing-8;
         vertical-align: middle;
-        color: $primary-content;
+        color: var(--cpd-color-gray-1100);
 
         .mx_SearchResultAvatar {
             border-radius: 20px;