OpenCloud
/
element-web
mirror of https://github.com/vector-im/element-web
1
0
Fork 0
Code Issues Releases Wiki Activity

Merge pull request #44 from superhero-com/features/update-icons 

feat(#32): custom icons updates
pull/27073/head
Badi Ifaoui 2024-01-22 13:27:28 +01:00 committed by GitHub
parent ab8f4f4686 ba0011742d
commit 57a3368f95
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
5 changed files with 42 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
res/css/superhero/custom.css
View File

@ -876,3 +876,18 @@ h2 .sh_VerifiedIcon {
.mx_HomePage_default .mx_HomePage_default_buttons .mx_AccessibleButton.mx_HomePage_button_custom::before {
display: none !important;
}
.mx_RoomGeneralContextMenu_iconSignOut::before {
-webkit-mask-image: url("../../themes/superhero/img/icons/leave.svg") !important;
mask-image: url("../../themes/superhero/img/icons/leave.svg") !important;
}
.mx_RoomTile_contextMenu .mx_RoomTile_iconSignOut::before {
-webkit-mask-image: url("../../themes/superhero/img/icons/leave.svg") !important;
mask-image: url("../../themes/superhero/img/icons/leave.svg") !important;
}
.mx_IconizedContextMenu .mx_IconizedContextMenu_option_red .mx_IconizedContextMenu_icon::before {
-webkit-mask-image: url("../../themes/superhero/img/icons/leave.svg") !important;
mask-image: url("../../themes/superhero/img/icons/leave.svg") !important;
}

2
res/themes/superhero/img/icons/community-room.svg
View File

@ -2,5 +2,5 @@
<circle cx="12" cy="12" r="12" fill="white" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37262 0 0 5.37258 0 12C0 18.6274 5.37262 24 12 24ZM14.9324 4.82915C14.5333 4.65738 14.0965 4.52818 13.6223 4.44158V2.43478H10.9521V4.38116C10.3274 4.46569 9.7517 4.62502 9.22452 4.85913C8.3998 5.21891 7.75102 5.7286 7.27887 6.38819C6.80639 7.04112 6.57031 7.80732 6.57031 8.68678V8.69677C6.57031 9.78277 6.92935 10.6656 7.64776 11.3451C8.36651 12.0247 9.4341 12.5078 10.8512 12.7943L12.3679 13.0941C13.266 13.2806 13.9046 13.5138 14.284 13.7936C14.6698 14.0668 14.8624 14.4466 14.8624 14.9329V14.9429C14.8624 15.3094 14.7497 15.6325 14.5234 15.9123C14.3037 16.1855 13.9912 16.3987 13.5853 16.5519C13.1861 16.6985 12.7072 16.7718 12.1484 16.7718C11.6029 16.7718 11.1138 16.6985 10.6814 16.5519C10.249 16.3987 9.8964 16.1888 9.62364 15.9223C9.35768 15.6492 9.19124 15.326 9.12466 14.9529L9.10496 14.843H6.26087L6.27072 15.0029C6.33084 15.889 6.6036 16.6485 7.08899 17.2815C7.57473 17.9078 8.24015 18.3908 9.08492 18.7306C9.64538 18.9499 10.268 19.097 10.9521 19.1719V21.1531H13.6223V19.1151C14.1929 19.0242 14.713 18.8794 15.1821 18.6806C16.0533 18.3075 16.7188 17.7845 17.1777 17.1116C17.6433 16.432 17.876 15.6292 17.876 14.7031V14.6931C17.876 13.9402 17.7198 13.2973 17.4073 12.7643C17.1012 12.2246 16.6257 11.7782 15.9803 11.4251C15.3349 11.072 14.5099 10.7955 13.5054 10.5956L11.9786 10.2858C11.1539 10.1192 10.5486 9.89604 10.1627 9.61621C9.77683 9.33638 9.5839 8.96994 9.5839 8.51688V8.50689C9.5839 8.16043 9.68037 7.85728 9.8733 7.59744C10.0727 7.3376 10.3587 7.1344 10.7313 6.98782C11.1039 6.83459 11.5462 6.75796 12.0584 6.75796C12.5574 6.75796 12.9966 6.83126 13.3757 6.97783C13.7615 7.12441 14.071 7.33428 14.3037 7.60744C14.5367 7.87395 14.6797 8.19707 14.733 8.57684L14.7429 8.69677H17.587L17.5768 8.50689C17.5302 7.66741 17.2809 6.93119 16.8285 6.29824C16.376 5.6653 15.7439 5.17561 14.9324 4.82915Z"
fill="#1161FE" />
fill="#6147FF" />
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.0 KiB

After

Width:  |  Height:  |  Size: 2.0 KiB

6
res/themes/superhero/img/icons/leave.svg Normal file
View File

@ -0,0 +1,6 @@
<svg width="12" height="16" viewBox="0 0 12 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.30827 15.8305C4.21231 15.7558 4.13468 15.6602 4.0813 15.5509C4.02792 15.4417 4.0002 15.3217 4.00025 15.2001V0.799165C4.00075 0.677793 4.02877 0.558115 4.08221 0.449139C4.13565 0.340164 4.21312 0.244731 4.30877 0.170023C4.40443 0.0953152 4.51579 0.0432798 4.63446 0.0178337C4.75314 -0.00761246 4.87604 -0.00580641 4.99392 0.023116L11.3943 1.62322C11.5675 1.66641 11.7212 1.76625 11.8311 1.90687C11.941 2.04748 12.0007 2.22081 12.0008 2.39927V13.6C12.0007 13.7784 11.941 13.9518 11.8311 14.0924C11.7212 14.233 11.5675 14.3328 11.3943 14.376L4.99392 15.9761C4.87608 16.0056 4.75308 16.0078 4.63426 15.9826C4.51545 15.9574 4.40395 15.9053 4.30827 15.8305ZM7.18018 9C7.73246 9 8.18018 8.55229 8.18018 8C8.18018 7.44772 7.73246 7 7.18018 7C6.62789 7 6.18018 7.44772 6.18018 8C6.18018 8.55229 6.62789 9 7.18018 9Z" fill="#FD3E3C"/>
<path d="M3.2002 3.19932H1.6001V12.7999H3.2002V14.4H1.6001C1.17573 14.4 0.768736 14.2314 0.468659 13.9314C0.168581 13.6313 0 13.2243 0 12.7999V3.19932C0 2.77494 0.168581 2.36795 0.468659 2.06787C0.768736 1.7678 1.17573 1.59922 1.6001 1.59922H3.2002V3.19932Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

18
res/themes/superhero/img/icons/tokengated-room.svg
View File

@ -1,6 +1,16 @@
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M10.7459 0L0.790039 4.34075V10.8988C0.790039 16.941 5.03362 22.5986 10.7459 24V17.6846C8.13423 17.1112 6.17969 14.7838 6.17969 12C6.17969 9.21615 8.13423 6.88881 10.7459 6.31539V0ZM13.2539 17.6845C15.8654 17.1109 17.8197 14.7837 17.8197 12C17.8197 9.2163 15.8654 6.88906 13.2539 6.31549L13.2539 0L23.2098 4.34075V10.8988C23.2098 16.941 18.9662 22.5986 13.2539 24L13.2539 17.6845Z"
fill="#1161FE" />
<circle cx="12" cy="12" r="3.5" fill="#1161FE" />
<g clip-path="url(#clip0_29053_183063)">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M10.7459 0L0.790039 4.34075V10.8988C0.790039 16.941 5.03362 22.5986 10.7459 24V17.6846C8.13423 17.1112 6.17969 14.7838 6.17969 12C6.17969 9.21615 8.13423 6.88881 10.7459 6.31539V0ZM13.2539 17.6845C15.8654 17.1109 17.8197 14.7837 17.8197 12C17.8197 9.2163 15.8654 6.88906 13.2539 6.31549L13.2539 0L23.2098 4.34075V10.8988C23.2098 16.941 18.9662 22.5986 13.2539 24L13.2539 17.6845Z"
fill="#D539EE" />
<circle cx="12" cy="12" r="3.5" fill="#D539EE" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M13.2442 21V17.6846C15.8556 17.111 17.8099 14.7838 17.8099 12.0001C17.8099 9.21637 15.8556 6.88913 13.2442 6.31555V3.00007C12.5098 3.00005 12.5053 3 12.0098 3C11.658 3 11.0098 3 10.7361 3.00007L10.7361 6.31546C8.12446 6.88888 6.16992 9.21622 6.16992 12.0001C6.16992 14.7839 8.12446 17.1113 10.7361 17.6847V21C11.0098 21 11.5098 21 12.0098 21C12.5053 21 12.5098 21 13.2442 21ZM11.9902 15.5001C13.9232 15.5001 15.4902 13.9331 15.4902 12.0001C15.4902 10.0671 13.9232 8.50007 11.9902 8.50007C10.0572 8.50007 8.49023 10.0671 8.49023 12.0001C8.49023 13.9331 10.0572 15.5001 11.9902 15.5001Z"
fill="white" />
</g>
<defs>
<clipPath id="clip0_29053_183063">
<rect width="24" height="24" fill="white" />
</clipPath>
</defs>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 602 B

After

Width:  |  Height:  |  Size: 1.5 KiB

17
res/themes/superhero/img/icons/verified.svg
View File

@ -1,13 +1,8 @@
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_28984_171441)">
<circle cx="11.9996" cy="12" r="8.4" fill="white" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M7.8904 21.1595H5.5979C3.70684 21.1595 2.82998 20.2826 2.82998 18.3916V16.1096C2.82998 15.8877 2.77716 15.7399 2.61869 15.5708L1.00231 13.9439C-0.328817 12.6127 -0.339382 11.3767 1.00231 10.0456L2.61869 8.41862C2.77716 8.26016 2.82998 8.10169 2.82998 7.8904V5.5979C2.82998 3.69627 3.70684 2.82998 5.5979 2.82998H7.8904C8.10169 2.82998 8.26016 2.77716 8.41862 2.61869L10.0456 1.00231C11.3767 -0.328817 12.6127 -0.339382 13.9439 1.00231L15.5708 2.61869C15.7399 2.77716 15.8877 2.82998 16.1096 2.82998H18.3916C20.2932 2.82998 21.1595 3.7174 21.1595 5.5979V7.8904C21.1595 8.10169 21.2228 8.26016 21.3813 8.41862L22.9977 10.0456C24.3288 11.3767 24.3394 12.6127 22.9977 13.9439L21.3813 15.5708C21.2228 15.7399 21.1595 15.8877 21.1595 16.1096V18.3916C21.1595 20.2932 20.2826 21.1595 18.3916 21.1595H16.1096C15.8877 21.1595 15.7399 21.2228 15.5708 21.3813L13.9439 22.9977C12.6127 24.3288 11.3767 24.3394 10.0456 22.9977L8.41862 21.3813C8.26016 21.2228 8.10169 21.1595 7.8904 21.1595ZM8.07776 11.86C8.26875 11.9111 8.44125 12.0362 8.62992 12.2852L10.7052 14.9637L15.7837 6.66738C16.0591 6.21357 16.413 6 16.8064 6C17.4229 6 18 6.44048 18 7.09453C18 7.40156 17.8427 7.72192 17.6722 8.00229L11.8099 17.3326C11.5213 17.7598 11.1278 18 10.6427 18C10.1704 18 9.79014 17.7998 9.43594 17.3326L6.32783 13.4883C6.21973 13.344 6.13594 13.1962 6.08027 13.043C6.02783 12.8985 6 12.7494 6 12.594C6 11.9266 6.49834 11.406 7.14111 11.406C7.4987 11.406 7.7912 11.5272 8.07776 11.86Z"
fill="#1161FE" />
</g>
<defs>
<clipPath id="clip0_28984_171441">
<rect width="24" height="24" fill="white" />
</clipPath>
</defs>
<path
d="M24 12C23.977 11.175 23.7254 10.3716 23.272 9.68071C22.8199 8.99106 22.1839 8.43934 21.4355 8.0894C21.7203 7.31418 21.7803 6.4751 21.6143 5.66667C21.447 4.85696 21.0562 4.11111 20.4879 3.51213C19.8876 2.94381 19.143 2.55428 18.3333 2.3857C17.5249 2.21967 16.6858 2.27969 15.9106 2.5645C15.5619 1.81481 15.0115 1.17752 14.3206 0.725415C13.6296 0.273308 12.8263 0.0204342 12 0C11.175 0.0217114 10.3742 0.272031 9.68455 0.725415C8.99489 1.1788 8.447 1.81609 8.10089 2.5645C7.32439 2.27969 6.48276 2.21711 5.67178 2.3857C4.86079 2.55172 4.11367 2.94253 3.51341 3.51213C2.94508 4.11239 2.55683 4.85951 2.39208 5.66794C2.22605 6.47637 2.28991 7.31545 2.57599 8.0894C1.82631 8.43934 1.18774 8.98978 0.733078 9.67944C0.278417 10.3691 0.0242656 11.1737 0 12C0.0255428 12.8263 0.278417 13.6296 0.733078 14.3206C1.18774 15.0102 1.82631 15.5619 2.57599 15.9106C2.28991 16.6845 2.22605 17.5236 2.39208 18.3321C2.55811 19.1418 2.94508 19.8876 3.51213 20.4879C4.11239 21.0536 4.85824 21.4419 5.66667 21.6092C6.47509 21.7778 7.31418 21.7165 8.0894 21.4355C8.43934 22.1839 8.98978 22.8199 9.68071 23.2733C10.3704 23.7254 11.175 23.977 12 24C12.8263 23.9796 13.6296 23.728 14.3206 23.2759C15.0115 22.8238 15.5619 22.1852 15.9106 21.4368C16.682 21.742 17.5275 21.8148 18.341 21.6462C19.1533 21.4776 19.8991 21.0753 20.4866 20.4879C21.0741 19.9004 21.4776 19.1545 21.6462 18.341C21.8148 17.5275 21.742 16.682 21.4355 15.9106C22.1839 15.5607 22.8199 15.0102 23.2733 14.3193C23.7254 13.6296 23.977 12.825 24 12Z"
fill="#1ECBAC" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M10.8689 17C11.2732 17 11.6011 16.7998 11.8416 16.4438L16.7268 8.66858C16.8689 8.43494 17 8.16797 17 7.91211C17 7.36707 16.519 7 16.0054 7C15.6775 7 15.3826 7.17798 15.1531 7.55615L10.8362 14.6084L8.80322 11.9722C8.54102 11.6273 8.27881 11.505 7.95093 11.505C7.41528 11.505 7 11.9388 7 12.495C7 12.6245 7.02319 12.7488 7.06689 12.8691C7.11328 12.9968 7.18311 13.12 7.27319 13.2402L9.86328 16.4438C10.1584 16.8331 10.4753 17 10.8689 17Z"
fill="white" />
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.9 KiB

After

Width:  |  Height:  |  Size: 2.1 KiB