sorb/ThreadNet-Web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 4 Wiki Activity

Replace icons with Compound alternatives (#31642)

Browse Source 
* Replace icons with Compound alternatives

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Remove unused icon

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Replace more icons with Compound alternatives

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Swap for outline icons in spotlight & update screenshots

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Update screenshot

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

---------

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
This commit is contained in:
Michael Telatynski
2026-01-06 13:55:04 +00:00
committed by GitHub
parent ddad82075a
commit fea10b3c19
20 changed files with 20 additions and 108 deletions
Download Patch File Download Diff File Expand all files Collapse all files
res/css/structures/_HomePage.pcss
+1 -1
View File
@@ -84,7 +84,7 @@ Please see LICENSE files in the repository root for full details.
}
&.mx_HomePage_button_sendDm::before {
mask-image: url("$(res)/img/element-icons/feedback.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/chat-solid.svg");
}
&.mx_HomePage_button_explore::before {
res/css/views/dialogs/_SpotlightDialog.pcss
+7 -7
View File
@@ -94,7 +94,7 @@ Please see LICENSE files in the repository root for full details.
}
&.mx_SpotlightDialog_filterPeople::before {
mask-image: url("@vector-im/compound-design-tokens/icons/user-profile-solid.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/user-profile.svg");
}
&.mx_SpotlightDialog_filterPublicRooms::before {
@@ -102,7 +102,7 @@ Please see LICENSE files in the repository root for full details.
}
&.mx_SpotlightDialog_filterPublicSpaces::before {
mask-image: url("$(res)/img/element-icons/spaces.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/space.svg");
}
.mx_SpotlightDialog_filter--close {
@@ -435,7 +435,7 @@ Please see LICENSE files in the repository root for full details.
}
.mx_SpotlightDialog_startChat::before {
mask-image: url("@vector-im/compound-design-tokens/icons/user-profile-solid.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/user-profile.svg");
}
.mx_SpotlightDialog_joinRoomAlias::before {
@@ -447,7 +447,7 @@ Please see LICENSE files in the repository root for full details.
}
.mx_SpotlightDialog_explorePublicSpaces::before {
mask-image: url("$(res)/img/element-icons/spaces.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/space.svg");
}
.mx_SpotlightDialog_startGroupChat::before {
@@ -503,15 +503,15 @@ Please see LICENSE files in the repository root for full details.
mask-size: contain;
&.mx_SpotlightDialog_metaspaceResult_home-space {
mask-image: url("@vector-im/compound-design-tokens/icons/home-solid.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/home.svg");
}
&.mx_SpotlightDialog_metaspaceResult_favourites-space {
mask-image: url("@vector-im/compound-design-tokens/icons/favourite-solid.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/favourite.svg");
}
&.mx_SpotlightDialog_metaspaceResult_people-space {
mask-image: url("@vector-im/compound-design-tokens/icons/user-profile-solid.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/user-profile.svg");
}
&.mx_SpotlightDialog_metaspaceResult_orphans-space {
res/css/views/elements/_DialPadBackspaceButton.pcss
+1 -1
View File
@@ -24,7 +24,7 @@ Please see LICENSE files in the repository root for full details.
display: inline-block;
vertical-align: middle;
mask-image: url("$(res)/img/element-icons/call/delete.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/backspace-solid.svg");
mask-position: 8px;
mask-size: 20px;
mask-repeat: no-repeat;
res/css/views/emojipicker/_EmojiPicker.pcss
+3 -6
View File
@@ -66,9 +66,6 @@ Please see LICENSE files in the repository root for full details.
.mx_EmojiPicker_anchor_activity::before {
mask-image: url("$(res)/img/emojipicker/activity.svg");
}
.mx_EmojiPicker_anchor_custom::before {
mask-image: url("$(res)/img/emojipicker/custom.svg");
}
.mx_EmojiPicker_anchor_flags::before {
mask-image: url("$(res)/img/emojipicker/flags.svg");
}
@@ -132,7 +129,7 @@ Please see LICENSE files in the repository root for full details.
}
.mx_EmojiPicker_search_icon {
width: 16px;
width: 20px;
margin: 8px;
}
@@ -141,7 +138,7 @@ Please see LICENSE files in the repository root for full details.
}
.mx_EmojiPicker_search_icon::after {
mask: url("$(res)/img/emojipicker/search.svg") no-repeat;
mask: url("@vector-im/compound-design-tokens/icons/search.svg") no-repeat;
mask-size: 100%;
background-color: $primary-content;
content: "";
@@ -151,7 +148,7 @@ Please see LICENSE files in the repository root for full details.
}
.mx_EmojiPicker_search_clear::after {
mask-image: url("$(res)/img/emojipicker/delete.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/close.svg");
}
.mx_EmojiPicker_category {