Update colour variables

1 files changed, 13 insertions, 5 deletions

diff --git a/ui/styles/messages.css b/ui/styles/messages.css
index bd46baf..ebb01c9 100644
--- a/ui/styles/messages.css
+++ b/ui/styles/messages.css
@@ -1,24 +1,32 @@
 .message-run {
   position: relative;
   border-radius: 0.25rem;
-  border: 1px solid var(--colour-border);
   padding: 0 0 0.5rem 0;
   margin-bottom: 1rem;
   box-shadow: 0 0.25rem 0.25rem rgba(0, 0, 0, 0.5);
 }
 
-/* TODO: replace these with colour variables. */
 .own-message {
-  background-color: rgb(32, 42, 74);
+  background-color: var(--colour-message-run-self-bg);
+  border: 1px solid var(--colour-message-run-self-bg);
 }
 
 .own-message * {
-  color: rgb(198, 198, 198);
+  color: var(--colour-message-run-text);
+}
+
+.other-message {
+  background-color: var(--colour-message-run-other-bg);
+  border: 1px solid var(--colour-message-run-other-bg);
+}
+
+.other-message * {
+  color: var(--colour-message-run-text);
 }
 
 .message-run > span {
   /* Username */
-  color: var(--colour-text);
+  color: var(--colour-message-run-text);
   background-color: rgb(67, 88, 156);
 }