Standardise icons using Compound Design Tokens (#28217)

* De-duplicate icons using Compound Design Tokens Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * delint Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Iterate Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Iterate Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Iterate Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Iterate Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Deduplicate more icons using Compound Design Tokens Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Iterate Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Update icon Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Discard changes to res/css/structures/_RoomSearch.pcss * Update snapshots Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Iterate Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Iterate Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Discard changes to res/fonts/Open_Sans/LICENSE.txt * Discard changes to res/css/views/elements/_CopyableText.pcss * Iterate Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> --------- Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2024-11-18 15:47:15 +00:00
parent 08f41a48a8
commit 4f8e9eb9ac
50 changed files with 190 additions and 127 deletions
@@ -29,7 +29,7 @@ Please see LICENSE files in the repository root for full details.
    mask-image: url("$(res)/img/element-icons/roomlist/dialpad.svg");
 }
 .mx_RoomList_iconStartChat::before {
-    mask-image: url("$(res)/img/element-icons/roomlist/member-plus.svg");
+    mask-image: url("@vector-im/compound-design-tokens/icons/user-add-solid.svg");
 }
 .mx_RoomList_iconInvite::before {
    mask-image: url("$(res)/img/element-icons/room/share.svg");
@@ -92,7 +92,7 @@ Please see LICENSE files in the repository root for full details.
    mask-image: url("$(res)/img/element-icons/room/invite.svg");
 }
 .mx_RoomListHeader_iconStartChat::before {
-    mask-image: url("$(res)/img/element-icons/roomlist/member-plus.svg");
+    mask-image: url("@vector-im/compound-design-tokens/icons/user-add-solid.svg");
 }
 .mx_RoomListHeader_iconNewRoom::before {
    mask-image: url("$(res)/img/element-icons/roomlist/hash-plus.svg");
@@ -34,7 +34,7 @@ Please see LICENSE files in the repository root for full details.
            mask-repeat: no-repeat;
            mask-position: center;
            mask-size: contain;
-            mask-image: url("$(res)/img/element-icons/room/room-summary.svg");
+            mask-image: url("@vector-im/compound-design-tokens/icons/info-solid.svg");
            background-color: $secondary-content;
        }
    }
@@ -182,7 +182,7 @@ Please see LICENSE files in the repository root for full details.

 .mx_RoomTile_contextMenu {
    .mx_RoomTile_iconStar::before {
-        mask-image: url("$(res)/img/element-icons/roomlist/favorite.svg");
+        mask-image: url("@vector-im/compound-design-tokens/icons/favourite-solid.svg");
    }

    .mx_RoomTile_iconArrowDown::before {
@@ -206,7 +206,7 @@ Please see LICENSE files in the repository root for full details.
    }

    .mx_RoomTile_iconPeople::before {
-        mask-image: url("$(res)/img/element-icons/room/members.svg");
+        mask-image: url("@vector-im/compound-design-tokens/icons/user-profile-solid.svg");
    }

    .mx_RoomTile_iconFiles::before {
@@ -218,7 +218,7 @@ Please see LICENSE files in the repository root for full details.
    }

    .mx_RoomTile_iconWidgets::before {
-        mask-image: url("$(res)/img/element-icons/room/apps.svg");
+        mask-image: url("@vector-im/compound-design-tokens/icons/extensions-solid.svg");
    }

    .mx_RoomTile_iconSettings::before {
@@ -226,11 +226,11 @@ Please see LICENSE files in the repository root for full details.
    }

    .mx_RoomTile_iconExport::before {
-        mask-image: url("$(res)/img/element-icons/export.svg");
+        mask-image: url("@vector-im/compound-design-tokens/icons/export-archive.svg");
    }

    .mx_RoomTile_iconCopyLink::before {
-        mask-image: url("$(res)/img/element-icons/link.svg");
+        mask-image: url("@vector-im/compound-design-tokens/icons/link.svg");
    }

    .mx_RoomTile_iconInvite::before {
@@ -238,6 +238,6 @@ Please see LICENSE files in the repository root for full details.
    }

    .mx_RoomTile_iconSignOut::before {
-        mask-image: url("$(res)/img/element-icons/leave.svg");
+        mask-image: url("@vector-im/compound-design-tokens/icons/leave.svg");
    }
 }