Fix colour of clock icon in ViewProfile

CHANGELOG.md

@@ -18,6 +18,7 @@
 - fix: When opening new chat dialogue, it's always focused(#3286)
 - fix: No draft is saved if the message contains only whitespace(#3220)
 - fix: webxdc CSP allow media from `blob:` and `data:`
+- fix: Fix colour of clock icon in ViewProfile dialogue (#3329)
 - fix: Center the "no media" text in Gallery
 - fix: The media fullscreen screen is now always closed using Esc key(#2919)
 

scss/_icons.scss

@@ -45,3 +45,20 @@ img.material-icon {
   vertical-align: middle;
   transform: translate(0px, -0.07em);
 }
+
+i.material-svg-icon {
+  -webkit-mask-repeat: no-repeat;
+  background-color: var(--globalText);
+  display: inline-block;
+  height: 1.15em;
+  width: 1.15em;
+  -webkit-mask-size: 1.15em;
+  margin-inline-start: 0.3em;
+  margin-inline-end: 0.3em;
+  vertical-align: middle;
+}
+
+i.material-icon-schedule {
+  -webkit-mask-image: url(../images/icons/schedule.svg);
+  transform: translate(0px, -0.07em);
+}

src/renderer/components/dialogs/ViewProfile.tsx

@@ -231,10 +231,7 @@ export function ViewProfileInner({
               )}
               {contact.lastSeen !== 0 && (
                 <div>
-                  <img
-                    className='material-icon'
-                    src='../images/icons/schedule.svg'
-                  />
+                  <i className='material-svg-icon material-icon-schedule' />
                   <LastSeen timestamp={contact.lastSeen} />
                 </div>
               )}