diff --git a/chatclient.go b/chatclient.go
index eb9fdaf..9174ae0 100644
--- a/chatclient.go
+++ b/chatclient.go
@@ -184,10 +184,7 @@ func replaceColorizedName(chatData common.ChatData, client *Client) common.ChatD
 	data := chatData.Data.(common.DataMessage)
 
 	data.Message = regexp.MustCompile(fmt.Sprintf(`(%s|@%s)`, client.name, client.name)).
-		ReplaceAllString(
-			data.Message,
-			fmt.Sprintf(`<span style="color: %s">$1</span>`, client.color),
-		)
+		ReplaceAllString(data.Message, `<span class="mention">$1</span>`)
 
 	chatData.Data = data
 	return chatData
diff --git a/static/css/site.css b/static/css/site.css
index ef827bf..7301992 100644
--- a/static/css/site.css
+++ b/static/css/site.css
@@ -3,12 +3,13 @@
     --var-border-radius: 5px;
     --var-message-color: #f4f4f4;
     --var-contrast-color: #1bf7ec;
+    --var-background-color: #0F0F11;
     --var-max-height: 98vh;
     --var-max-width: 98vw;
 }
 
 html {
-    background: #0F0F11;
+    background: var(--var-background-color);
     font-family: "Hack";
     font-size: 14px;
 }
@@ -99,6 +100,13 @@ span.svmsg {
     text-align: center;
 }
 
+.mention {
+    background: #1cf67ed9;
+    color: var(--var-background-color);
+    padding: 1px 2px;
+    border-radius: 4px;
+}
+
 .command {
     color: #B1B1B1;
 }
@@ -203,7 +211,7 @@ span.svmsg {
 }
 
 #suggestions {
-    background: hsl(240, 6%, 25%);
+    background: #3b3b43;
     position: absolute;
     min-width: 10em;
     border-radius: 5px 5px 0px 5px;
@@ -229,5 +237,5 @@ span.svmsg {
 }
 
 #helpbody {
-    color: #B1B1B1;
+    color: #b1b1b1;
 }
\ No newline at end of file