5 files changed, 26 insertions, 16 deletions
diff --git a/ui/styles/app-bar.css b/ui/styles/app-bar.css
index 0d0a311..ce52712 100644
--- a/ui/styles/app-bar.css
+++ b/ui/styles/app-bar.css
@@ -6,6 +6,7 @@
   justify-content: space-between;
   align-items: stretch;
   background-color: var(--colour-header-bg);
+  color: var(--light-text);
 }
 
 .app-bar > * {
@@ -32,10 +33,6 @@
   letter-spacing: 0.25rem;
 }
 
-.app-bar a {
-  text-decoration: none;
-}
-
 .app-bar button,
 .app-bar button img {
   height: var(--app-bar-height);
diff --git a/ui/styles/messages.css b/ui/styles/messages.css
index 30f6db9..ee946c5 100644
--- a/ui/styles/messages.css
+++ b/ui/styles/messages.css
@@ -8,18 +8,16 @@
   overflow: hidden;
 }
 
-.own-message,
-.own-message :link {
-  background-color: var(--colour-message-run-self-bg);
+.own-message {
   color: var(--colour-message-run-self-text);
+  background-color: var(--colour-message-run-self-bg);
   border: 1px solid var(--colour-message-run-self-border);
   margin-left: 1rem;
 }
 
-.other-message,
-.other-message :link {
-  background-color: var(--colour-message-run-other-bg);
+.other-message {
   color: var(--colour-message-run-other-text);
+  background-color: var(--colour-message-run-other-bg);
   border: 1px solid var(--colour-message-run-other-border);
   margin-right: 1rem;
 }
@@ -39,6 +37,16 @@
   position: relative;
 }
 
+.message a,
+.message a:visited {
+  color: var(--colour-message-run-link-text);
+}
+
+.message a:hover,
+.message a:active {
+  text-decoration: underline;
+}
+
 .message.unsent,
 .message.deleted {
   color: var(--colour-message-run-unsent-text);
@@ -51,9 +59,6 @@
 
 .message:hover {
   background-color: var(--colour-message-hover-bg);
-}
-
-.message:hover * {
   color: var(--colour-message-hover-text);
 }
 
@@ -105,9 +110,6 @@
   padding-left: 0.5rem;
   border-left: 2px solid grey;
   border-radius: 0.125rem;
-}
-
-.message-body blockquote * {
   color: grey;
 }
 
diff --git a/ui/styles/reset.css b/ui/styles/reset.css
index 5a17f02..c92a790 100644
--- a/ui/styles/reset.css
+++ b/ui/styles/reset.css
@@ -94,6 +94,14 @@ video {
   vertical-align: baseline;
 }
 
+a,
+a:hover,
+a:visited,
+a:active {
+  text-decoration: none;
+  color: inherit;
+}
+
 /* HTML5 display-role reset for older browsers */
 article,
 aside,
diff --git a/ui/styles/sidebar.css b/ui/styles/sidebar.css
index 9a499f2..b825545 100644
--- a/ui/styles/sidebar.css
+++ b/ui/styles/sidebar.css
@@ -17,6 +17,7 @@
   border-radius: 0.5rem;
   border: 1px solid var(--colour-navbar-border);
   margin: 0.25rem;
+  color: var(--colour-navbar-text);
 }
 
 .list-nav li.active {
diff --git a/ui/styles/variables.css b/ui/styles/variables.css
index 01efc19..ea0e9f5 100644
--- a/ui/styles/variables.css
+++ b/ui/styles/variables.css
@@ -18,6 +18,7 @@
   /* Light text is a bit hard to read; I may need to adjust it. */
   --light-text: color-mix(in srgb, var(--colour-base) 40%, white);
   --dark-text: color-mix(in srgb, var(--colour-base) 40%, black);
+  --link-text: color-mix(in srgb, var(--colour-base) 40%, blue);
 
   /* Header */
   --colour-header-bg: color-mix(in srgb, var(--colour-base) 30%, black);
@@ -56,6 +57,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);