Use a more targetted selector to control link text colours inside of messages.

Using a wildcard selector here makes this rule surprisingly hard to override, which will be a problem for styling unsent messages.

1 files changed, 6 insertions, 10 deletions

diff --git a/ui/styles/messages.css b/ui/styles/messages.css
index 4890f2c..5890c1a 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);