2 files changed, 12 insertions, 10 deletions
diff --git a/ui/styles/messages.css b/ui/styles/messages.css
index 4890f2c..30f6db9 100644
--- a/ui/styles/messages.css
+++ b/ui/styles/messages.css
@@ -8,26 +8,22 @@
   overflow: hidden;
 }
 
-.own-message {
+.own-message,
+.own-message :link {
   background-color: var(--colour-message-run-self-bg);
+  color: var(--colour-message-run-self-text);
   border: 1px solid var(--colour-message-run-self-border);
   margin-left: 1rem;
 }
 
-.own-message * {
-  color: var(--colour-message-run-self-text);
-}
-
-.other-message {
+.other-message,
+.other-message :link {
   background-color: var(--colour-message-run-other-bg);
+  color: var(--colour-message-run-other-text);
   border: 1px solid var(--colour-message-run-other-border);
   margin-right: 1rem;
 }
 
-.other-message * {
-  color: var(--colour-message-run-other-text);
-}
-
 .message-run > .username {
   background-color: var(--colour-message-run-username-bg);
   color: var(--colour-message-run-username-text);
@@ -43,6 +39,11 @@
   position: relative;
 }
 
+.message.unsent,
+.message.deleted {
+  color: var(--colour-message-run-unsent-text);
+}
+
 .message.delete-armed,
 .message.delete-armed:hover {
   background-color: var(--colour-warn);
diff --git a/ui/styles/variables.css b/ui/styles/variables.css
index c43832c..01efc19 100644
--- a/ui/styles/variables.css
+++ b/ui/styles/variables.css
@@ -56,6 +56,7 @@
   );
   --colour-message-run-self-text: var(--dark-text);
   --colour-message-run-other-text: var(--dark-text);
+  --colour-message-run-unsent-text: var(--light-text);
 
   --colour-message-run-username-bg: color-mix(in srgb, var(--colour-base) 70%, white);
   --colour-message-run-username-border: color-mix(in srgb, var(--colour-base) 50%, black);