Variablize more colours

1 files changed, 4 insertions, 4 deletions

diff --git a/ui/styles/messages.css b/ui/styles/messages.css
index af4252a..81afe47 100644
--- a/ui/styles/messages.css
+++ b/ui/styles/messages.css
@@ -26,7 +26,7 @@
 
 .message-run > .username {
   color: var(--colour-message-run-text);
-  background-color: rgb(67, 88, 156);
+  background-color: var(--colour-message-run-other-bg);
 }
 
 .message {
@@ -34,7 +34,7 @@
 }
 
 .message:hover {
-  background-color: rgb(21, 28, 49);
+  background-color: var(--colour-message-hover-bg);
 }
 
 .message .handle {
@@ -47,7 +47,7 @@
   padding: 0.25rem;
   border-radius: 0.25rem;
   display: none;
-  background-color: rgb(67, 88, 156);
+  background-color: var(--colour-message-bg);
 }
 
 .message:hover .handle {
@@ -85,6 +85,6 @@
 .message-body pre {
   border: 1px solid #312e81;
   border-radius: 0.25rem;
-  background-color: #282555;;
+  background-color: var(--colour-message-run-text);
   padding: 0.25rem;
 }