Message / Voice: Color fixes (#1425)

src/components/common/Audio.scss

@@ -144,7 +144,7 @@
         height: 0.4rem;
         border-radius: 50%;
 
-        background-color: var(--color-text-secondary);
+        background-color: var(--accent-color);
       }
     }
   }

src/components/common/Audio.tsx

@@ -250,8 +250,14 @@ const Audio: FC<OwnProps> = ({
 
   const isOwn = isOwnMessage(message);
   const renderedWaveform = useMemo(
-    () => voice && renderWaveform(voice, playProgress, isOwn, theme, seekerRef),
-    [voice, playProgress, isOwn, theme],
+    () => voice && renderWaveform(
+      voice,
+      (isMediaUnread && !isOwn) ? 1 : playProgress,
+      isOwn,
+      theme,
+      seekerRef,
+    ),
+    [voice, isMediaUnread, isOwn, playProgress, theme],
   );
 
   const fullClassName = buildClassName(