WIP

stylesheets/_session_conversation.scss

@@ -381,7 +381,12 @@ $rhap_font-family: inherit !default;
 }
 
 .rhap_volume-button {
-  color: subtle(var(--color-text));
+  .module-message__container--incoming & {
+    color: var(--color-received-message-text);
+  }
+  .module-message__container--outgoing & {
+    color: var(--color-sent-message-text);
+  }
 }
 
 .rhap_volume-container div[role='progressbar'] {
@@ -389,7 +394,12 @@ $rhap_font-family: inherit !default;
 }
 
 .rhap_time {
-  color: subtle(var(--color-text));
+  .module-message__container--incoming & {
+    color: var(--color-received-message-text);
+  }
+  .module-message__container--outgoing & {
+    color: var(--color-sent-message-text);
+  }
 
   font-size: 12px;
 }
@@ -400,14 +410,17 @@ $rhap_font-family: inherit !default;
   z-index: 0;
   width: 100%;
   height: 5px;
-  background-color: var(--color-text);
-
+  .module-message__container--incoming & {
+    background-color: var(--color-received-message-text);
+  }
+  .module-message__container--outgoing & {
+    background-color: var(--color-sent-message-text);
+  }
   border-radius: 2px;
 }
 
 .rhap_progress-filled {
-  background-color: rgba(var(--color-accent), 0.6);
-
+  background-color: var(--color-text-subtle);
   padding-left: 5px;
 }
 
@@ -415,7 +428,7 @@ $rhap_font-family: inherit !default;
   height: 100%;
   position: absolute;
   z-index: 1;
-  background-color: subtle(var(--color-text));
+  background-color: var(--color-text-subtle);
 
   border-radius: 2px;
 }