2 files changed, 6 insertions, 0 deletions
diff --git a/ui/styles/messages.css b/ui/styles/messages.css
index eafe44d..ee946c5 100644
--- a/ui/styles/messages.css
+++ b/ui/styles/messages.css
@@ -47,6 +47,11 @@
   text-decoration: underline;
 }
 
+.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 211b236..ea0e9f5 100644
--- a/ui/styles/variables.css
+++ b/ui/styles/variables.css
@@ -58,6 +58,7 @@
   --colour-message-run-self-text: var(--dark-text);
   --colour-message-run-other-text: var(--dark-text);
   --colour-message-run-link-text: var(--link-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);